From bc3372e7d5e63c58e415794d61b50c2fc08a8803 Mon Sep 17 00:00:00 2001 From: Pedro Ferraz <37643357+ferrazpedro@users.noreply.github.com> Date: Tue, 10 May 2022 16:10:04 -0300 Subject: Fix LinkedIn dark mode (#14) Co-authored-by: mydarkstar Co-authored-by: Vijay Aravamudhan --- recipes/linkedin/darkmode.css | 820 +++++------------------------------------- recipes/linkedin/package.json | 2 +- 2 files changed, 81 insertions(+), 741 deletions(-) (limited to 'recipes') diff --git a/recipes/linkedin/darkmode.css b/recipes/linkedin/darkmode.css index b62f58b..b88bb1a 100644 --- a/recipes/linkedin/darkmode.css +++ b/recipes/linkedin/darkmode.css @@ -1,772 +1,112 @@ -/* Copied from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi */ +/* Copied from: https://github.com/AykutSarac/linkedin-dark with added dark scrollbars from https://github.com/Jordy3D/Jordy3D.github.io */ -:root, -body, -html, -.toast, -option, -#extended-nav-search .search-typeahead-v2 input, -#extended-nav-search .nav-search nav-search--focused, -#extended-nav-search.nav-search--focused .search-typeahead-v2 input, -#extended-nav-search.nav-search--focused .typeahead-icon, -artdeco-typeahead-deprecated-results-container, -.mn-community-summary__sub-section--collapsed:hover, -.artdeco-button--inverse.artdeco-button, -.artdeco-button--inverse.artdeco-button--primary, -.artdeco-button--inverse.artdeco-button--primary:visited, -.artdeco-button--inverse.artdeco-button--primary:visited:hover, -.artdeco-button--inverse.artdeco-button:visited, -.artdeco-button--inverse.artdeco-button:visited:hover, -.launchpad-pymk-modal__header, -.artdeco-modal__actionbar, -.launchpad-pymk-list__item:hover, -.artdeco-modal, -.msg-spinmail-thread, -.msg-conversations-container__convo-item-link.active, -.msg-conversations-container__convo-item:hover - .msg-conversations-container__convo-item-link, -.msg-ghost-form, -.toast__dismiss, -.content-container, -artdeco-dropdown-content, -.feed-shared-interest-package__section-header:hover, -.feed-shared-interest-package__entity-item:hover, -.feed-shared-interest-package__expand-collapse-cta-icon:active, -.share-media-button__label--square:focus, -.share-media-button__label--square:hover, -#app-boot-bg .circle, -#app-boot-bg .line, -#app-boot-bg .rect, -.loading-bg .circle, -.loading-bg .line, -.loading-bg .rect, -.feed-shared-image__container, -.comments-comment-item__options .dropdown-options, -.comments-comment-item__options .dropdown-options:after, -.image-sharing-detour-container__footer, -.share-visibility-options__subheader, -.share-visibility-options__list-item:hover, -.nav-app-launcher__card li:hover, -.dropdown .dropdown-options, -.pv-entity__position-group-pager, -.nav-accordion .accordion-item .accordion-header, -.jobs-options__list, -.jobs-premium-applicant-insights-obfuscated-upsell__container, -.msg-search-form__filters-dropdown, -.mn-community-summary__sub-section:hover { - background: #162228 !important; -} +:root { + /* Body background */ + --color-background-canvas: #202225 !important; -.artdeco-card, -.artdeco-container-card, -.pv-profile-section.background-section.artdeco-container-card.pv-profile-section--reorder-enabled - .pv-profile-section - .pv-profile-section__card-item, -.pv-profile-section.background-section.artdeco-container-card.pv-profile-section--reorder-enabled - .pv-profile-section - .pv-profile-section__card-item-v2, -.pv-profile-section.background-section.artdeco-container-card.pv-profile-section--reorder-enabled - .pv-profile-section - .pv-profile-section__section-info-item, -.pv-entity__position-group-role-item, -.pv-entity__position-group-role-item-fading-timeline, -.pv-profile-sticky-header--is-showing, -.launchpad-pymk-list__item, -.container, -.container-with-shadow, -.feed-shared-navigation-module, -.feed-right-rail__container, -.feed-right-rail, -.feed-shared-update-v2, -.feed-shared-update--chat-ui .comments-comments-list, -.feed-shared-social-action-bar, -.feed-shared-update--chat-ui .comments-comment-box, -.feed-shared-article, -.feed-shared-first-prompt-block, -a.view-more, -button.view-more, -.msg-conversations-container__conversations-list, -.msg-conversations-container--show-overlay - .msg-conversations-container__convo-item, -.msg-spinmail-thread__top-banner, -.msg-search-form__search-field[type="search"], -.share-box__wrapper, -.org-top-card, -.organization-outlet .org-container__ad-module, -.nt-settings-summary, -.jobs-box, -.jobs-home-soho__search-box-container--textured, -.jobs-blended-container, -.mn-abi-form__container, -.mn-discovery-cohorts__carousel-wrapper, -.mn-discovery-tabs, -.mn-left-rail__top-module, -#mynetwork.extended .two-column-with-left-rail .left-rail-container, -.msg-overlay-list-bubble, -.nav-app-launcher__card, -.vanity-name, -.edit-content, -.create-badge, -.controls, -.modal__wrapper, -.pp-section, -.carousel-form .carousel-header, -.carousel-body, -.pe-form, -.profile-photo-edit__edit-icon.profile-photo-edit__edit-icon.profile-photo-edit__edit-icon, -.profile-photo-edit, -.pe-top-card-form__photo-wrapper, -.photo-filter__footer, -.profile-photo-cropper__actions, -.global-footer__upper-row-wrapper, -.nav-container .dropdown-options, -#settings-nav, -#settings-nav.three-column ul[role="tablist"], -#settings-nav.four-column ul[role="tablist"], -#app-boot-bg .module, -.loading-bg .module, -#app-boot-bg .line.white, -#app-boot-bg .rect.white, -.loading-bg .line.white, -.loading-bg .rect.white, -.image-sharing-detour-container__edit-content, -.nav-accordion .accordion-item.is-expanded, -.pv-recent-activity-detail__header-container, -.artdeco-hoverable-content--inverse-theme .artdeco-hoverable-content__reset-txt, -.artdeco-hoverable-content--inverse-theme .artdeco-hoverable-content__shell, -.sort-dropdown__list-item-button:hover, -.pv-entity__position-group-pager, -.pv-top-card-section__photo-wrapper, -.pv-profile-section.background-section.artdeco-container-card.pv-profile-section--reorder-enabled - .pv-profile-section - .pv-profile-section__section-info, -.pv-skill-categories-section__expanded, -.pe-hub-drawer__list, -artdeco-typeahead-deprecated-results-container .highlighted, -artdeco-typeahead-deprecated-results-container li:hover, -.feed-shared-sort-comments__list-item-button:hover, -.artdeco-carousel-slide, -.organization-outlet .org-recently-posted-jobs-module, -.organization-outlet .org-recently-posted-jobs-module__show-all-jobs-btn, -.org-lcp-job-alert__icon-wrapper, -.jobs-top-card, -.mn-abi-results, -.mn-cohort-view__carousel-wrapper, -.feed-follow-nav, -.feed-shared-following-filter--active, -.feed-shared-following-filter__main-btn-filter { - background: #1a2a33 !important; -} + /* Cards background color */ + --white: #36393f !important; -.launchpad-card--size-large, -.launchpad-card--is-selected::before, -.launchpad, -.resume-onboarding, -.feed-shared-update--chat-ui .comments-comment-item-content-body, -.feed-shared-update--chat-ui .comments-highlighted-comment-item-content-body, -.feed-shared-update--chat-ui .comments-reply-item-content-body, -.feed-shared-update--chat-ui - .comments-comment-item__post-meta.feed-shared-post-meta - .feed-shared-post-meta__profile-link, -.feed-shared-update--chat-ui - .comments-reply-item__post-meta.feed-shared-post-meta - .feed-shared-post-meta__profile-link, -.feed-shared-inline-show-more-text - .feed-shared-inline-show-more-text__see-more-less-toggle, -.feed-shared-mini-update-v2, -.msg-title-bar__title-bar-title, -.msg-conversations-container__title-row, -.nt-card, -.nt-segment, -.jobs-home-hero-promo__header, -.job-card--tile, -.pb4, -.pv4, -.wow-marketing-content, -.controls-form__profile-visibility-setting, -.controls-form__section-settings, -.global-footer__lower-row-wrapper, -.pe-form-header, -.nav-settings__dropdown-title, -.pv-accomplishments-block--expanded, -#app-boot-bg .feed-profile, -.loading-bg .feed-profile, -.feed-shared-update--chat-ui .comments-comment-textarea, -.feed-shared-update--chat-ui .comments-comment-texteditor, -.me-wvmp-viewer-card, -.hovercard, -.hovercard-bottom, -.hovercard-left, -.hovercard-right, -.hovercard-top, -.me-wvmp-main__header-minimal, -.pv-recent-activity-top-card, -.artdeco-toast-item, -.org-people-bar-graph-module, -.organization-outlet .org-recently-posted-job-card__link-wrapper, -.pv-skills-prompt__canditate:hover, -.organization-outlet .org-locations-module__location-card--highlighted, -.dropdown .focus, -.dropdown dd:hover, -.dropdown li:hover, -li.global-footer-dropdown__item a:focus, -li.global-footer-dropdown__item a:hover, -.member-insights-mutual-connection { - background: #1f2f38 !important; -} + /* Mostly titles, hrefs & links */ + --black-a90: #FFF !important; + + /* Borders mostly */ + --black-a30: #25252549 !important; -.t-black, -.pv-dashboard-section__all-star-button, -.pv-dashboard-section__cta-icon, -.pv-profile-section__card-heading, -.pv-dashboard-section__title, -.artdeco-container-card .card-heading, -.pv-dashboard-section__subtitle, -.pv-dashboard-section__metric-text, -.t-black--light, -.button-tertiary-medium-muted, -.distance-badge, -.pv-browsemap-section__member-detail .actor-name-with-distance, -.pv-skills-section__add-text:visited, -.EntityLockup-circle-3-ghost-person dt, -.EntityLockup-circle-3-ghost-person dt h2, -.EntityLockup-circle-3-ghost-person dt h3, -.EntityLockup-circle-3-ghost-person dt h4, -.EntityLockup-circle-3-ghost-person dt h5, -.EntityLockup-circle-3-ghost-person dt h6, -.large-header, -.large-text, -.medium-text, -.small-text, -body, -h1, -h2, -h3, -h4, -h5, -p, -.artdeco-button--muted.artdeco-button--secondary, -.artdeco-button--muted.artdeco-button--secondary:visited, -.artdeco-button--muted.artdeco-button--secondary:visited:hover, -.feed-shared-interest-package__cta, -.feed-shared-navigation-module__discover-cta, -.feed-shared-update--chat-ui .comments-comment-social-bar__reply-action-button, -.feed-shared-update--chat-ui .comments-comment-social-bar__likes-count, -.feed-shared-update-v2--minimal-padding .feed-shared-update-v2__commentary, -.feed-shared-header__text-view a, -.feed-shared-update--chat-ui .comments-comment-social-bar__replies-count, -.artdeco-button--muted.artdeco-button--tertiary, -.artdeco-button--muted.artdeco-button--tertiary:visited, -.artdeco-button--muted.artdeco-button--tertiary:visited:hover, -linkedin-logo .logo-text, -.feed-shared-contextual-header .feed-shared-text-view__hashtag, -.feed-shared-contextual-header .feed-shared-text-view__mention, -.msg-spinmail-thread__legal-text a, -.share-media-button__label--square, -.organization-outlet .org-top-card-secondary-content__link--black, -.organization-outlet .org-top-card-secondary-content__link--black:visited, -.EntityLockup-square-4-ghost-company .badge, -.EntityLockup-square-4-ghost-company dd:not(.badge), -.EntityLockup-square-4-ghost-school .badge, -.EntityLockup-square-4-ghost-school dd:not(.badge), -.nt-card-settings-dropdown__trigger-icon, -.job-flavors__label, -input[type="date"], -input[type="datetime"], -input[type="datetime-local"], -input[type="email"], -input[type="month"], -input[type="number"], -input[type="password"], -input[type="search"], -input[type="tel"], -input[type="text"], -input[type="time"], -input[type="url"], -input[type="week"], -textarea, -label, -artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"], -.wow-marketing-content .you-will-also-know__item__content__header, -.job-promotion__testimonial__text, -.vanity-name__domain, -.vanity-name__display-name, -.setting-toggle__name, -.topcard-links__description, -.topcard__connections, -.courses__course, -.date-range, -.modal .photo-visibility-modal__radio-description, -.modal .photo-visibility-modal__secondary-button, -select, -.photo-filter__footer-button, -.hc-answer .collapsible .collapsible-header, -.hc-answer .rnt-answer-body ol > li, -.hc-answer .rnt-answer-body ul > li, -.hc-answer .browse-flow-answer ol > li, -.hc-answer .browse-flow-answer ul > li, -.nav-accordion .accordion-item .accordion-header, -.nav-accordion .accordion-item .nav-link, -artdeco-dropdown-item, -.categories-col .categories a, -.list .subcategory h2, -.list--levee > li .heading, -.list > li .sub-heading, -#settings-nav.four-column ul[role="tablist"] a, -.feed-shared-navigation-module__discover-cta:visited, -.feed-shared-interest-package__header, -.share-media-button__label--square:focus, -.share-media-button__label--square:hover, -.artdeco-button--inverse.artdeco-button, -.artdeco-button--inverse.artdeco-button--primary, -.artdeco-button--inverse.artdeco-button--primary:visited, -.artdeco-button--inverse.artdeco-button--primary:visited:hover, -.artdeco-button--inverse.artdeco-button:visited, -.artdeco-button--inverse.artdeco-button:visited:hover, -.link-without-visited-state:visited, -.pv-accomplishment-entity__title, -.list p, -.list legend, -.artdeco-modal__header h1, -.artdeco-modal__header h2, -.artdeco-modal__header h3, -.artdeco-modal__header h4, -.artdeco-modal__header h5, -.artdeco-modal__header h6, -.msg-entity-lockup .msg-entity-lockup__entity-title, -.organization-outlet .org-overflow-menu__item, -.EntityLockup-square-4-ghost-company dt, -.EntityLockup-square-4-ghost-company dt h2, -.EntityLockup-square-4-ghost-company dt h3, -.EntityLockup-square-4-ghost-company dt h4, -.EntityLockup-square-4-ghost-company dt h5, -.EntityLockup-square-4-ghost-company dt h6, -.artdeco-icon, -.hoverable-link-text, -artdeco-toggle label, -artdeco-toggle button, -.feed-shared-update--chat-ui .feed-shared-main-content--comment, -.browse-flow-content-container .hc-answer .answer-header .hc-page-title, -.hc-answer .rnt-answer-body p, -.hc-answer .browse-flow-answer p, -.hc-answer .answer-footer p, -.helpfulness .prompt .prompt-title, -.browse-back-link, -.nav-accordion .accordion-item .content-nav-list .content-nav-item .list-entry, -.nav-accordion - .accordion-item - .content-nav-list - .content-nav-item - .list-entry:active, -.nav-accordion - .accordion-item - .content-nav-list - .content-nav-item - .list-entry.active, -.popular-actions .popular-actions-header, -.popular-header, -.home-banner .home-banner-header, -.home-banner .home-banner-description, -.language-switcher__form-select, -.popular-actions .forum-driver-main .forum-driver-title, -.browse-children-header-wrapper .browse-children-header, -.nav-accordion .accordion-item .nav-link:hover, -.nav-accordion .accordion-item .nav-link:focus, -.hc-answer .answer-header .hc-page-title, -.hc-answer .rnt-answer-body ol > li:first-of-type, -.hc-answer .rnt-answer-body ul > li:first-of-type, -.hc-answer .browse-flow-answer ol > li:first-of-type, -.hc-answer - .browse-flow-answer - ul - > li:first-of-type.hc-answer - .answer-header - .hc-page-title, -.global-footer__upper-row-item-link--available, -.feed-shared-update--chat-ui .comments-comment-social-bar__action-group, -.pv-profile-wrapper - .pv-recent-activity-detail__right-rail - .interest-grouping - .pv-profile-section__card-heading, -.pv-profile-wrapper - .pv-recent-activity-detail__right-rail - .interest-grouping - .pv-profile-section__card-item - .pv-entity__summary-info - h3, -.feed-shared-sort-comments__list-item-button, -.pv-browsemap-section__member-detail .distance-badge, -.artdeco-button--inverse.artdeco-button--primary:focus, -.artdeco-button--inverse.artdeco-button--primary:hover, -.artdeco-button--inverse.artdeco-button:focus, -.artdeco-button--inverse.artdeco-button:hover, -.artdeco-button--inverse.artdeco-button--primary:active, -.artdeco-button--inverse.artdeco-button:active, -.artdeco-hoverable-content--inverse-theme .artdeco-hoverable-content__shell p, -.dropdown dd a, -.dropdown dd a:visited, -.dropdown li a, -.dropdown li a:visited, -.artdeco-toast-item__message, -.org-page-navigation__item-anchor:visited, -.artdeco-carousel-container .pagination-btns button, -.job-card__title, -.job-card__company-name, -.jobs-box__sub-title, -.jobs-box__list-item, -.jobs-coworkers-classmates__flavor-label, -.jobs-coworkers-classmates__header, -.jobs-box__html-content p, -.jobs-top-card__company-url, -.jobs-top-card__company-url:hover, -.jobs-top-card__company-url:visited, -.jobs-upsell__header, -.jobs-upsell__feature-description, -.jobs-box__body, -.jobs-options__list dl a, -.jobs-options__list dl button, -.jobs-options__list ol a, -.jobs-options__list ol button, -.jobs-options__list ul a, -.jobs-options__list ul button, -artdeco-dropdown-header, -artdeco-dropdown-header dl > dt, -artdeco-dropdown-header h2, -artdeco-dropdown-header h3, -artdeco-dropdown-header h4, -artdeco-dropdown-header h5, -artdeco-dropdown-header h6, -.jobs-box__html-content li, -.jobs-box__html-content ol, -.jobs-box__html-content ul, -.pe-treasury-view__link-button, -.pv-entity__extra-details .lt-line-clamp__more, -.settings-header__title, -.topcard__name, -.settings-header__subtitle, -.profile-off-notice__description, -.summary__description, -.education-item__degree-info, -.education-item__activities-and-societies, -.volunteering-item__company-name, -.certification-item__certificate-authority-name, -.certification-item__certificate-authority-name a, -.skills-cta__join-link, -.position__company-name, -.experience-group-item__company, -.courses__course, -.profinder-recommendations__quote, -.recommendations__quote, -.pp-section__header, -.topcard__headline, -.controls-form__card-header, -.topcard__location, -.topcard__industry, -.topcard__recommendations, -.feed-activity__meta-action-description, -.feed-activity__content-summary, -.feed-article-card__content-summary, -.experience-group-header__duration, -.position-body__description, -.controls__header-description, -.vanity-name__create-vanity-text, -.vanity-name__description, -.vanity-name__domain, -.vanity-name__display-name, -.vanity-name__note, -.vanity-name__input-box, -.edit-content__description, -.create-badge__description, -.controls-form__setting--basics label, -.controls-form__setting--picture label, -.topcard__connections, -.date-range, -.education-item__description, -.volunteering-item__cause, -.volunteering-item__description, -.awards__award-description, -.awards__award-issuer, -.position-body__location, -.languages__language-proficiency, -.patents__patent-contributors, -.patents__patent-description, -.patents__patent-office-and-number, -.patents__patent-status, -.projects__project-contributors, -.projects__project-description, -.publications__publication-contributors, -.publications__publication-description, -.publications__publication-publisher, -.tooltip, -.scores__item-score, -.scores__item-description, -.profinder-recommendations__description, -.recommendations__description, -.organizations__item-position, -.organizations__item-date, -.organizations__item-description, -.controls-form__setting-value-description, -.section-item__title, -.feed-activity__title, -.feed-article-card__title, -.awards__award-title, -.languages__language-name, -.patents__patent-title, -.projects__project-title, -.projects__project-title > a, -.publications__publication-title, -.scores__item-title, -.organizations__item-title, -.controls__header-title, -.vanity-name__title, -.edit-content__title, -.create-badge__title, -.feed-shared-promo__title, -.psa-company__entity dt, -.psa-company__entity dt h2, -.psa-company__entity dt h3, -.psa-company__entity dt h4, -.psa-company__entity dt h5, -.psa-company__entity dt h6, -.psa-company__entity dd:not(.badge), -.EntityLockup-square-4 dt, -.EntityLockup-square-4 dt h2, -.EntityLockup-square-4 dt h3, -.EntityLockup-square-4 dt h4, -.EntityLockup-square-4 dt h5, -.EntityLockup-square-4 dt h6, -.msg-premium-mailboxes__link, -.msg-premium-mailboxes__link:visited, -.launchpad-community-connect .launchpad-card__title, -.artdeco-pagination__indicator--number:not(.selected) > button, -.pv-contact-info__contact-icon, -.launchpad-pymk-modal #launchpad-pymk-modal__header-title, -.launchpad-pymk-modal #launchpad-pymk-modal__header-subtitle, -.follows-recommendation-card__follow-btn.is-following, -.error-headline, -.error-description { - color: #ccc; -} + /* Mostly used for general text color, paragraphs, placeholders etc. */ + --black-a60: #99AAB5 !important; -.global-footer__lower-row-item-link, -.privacy-dropdown__button, -.global-footer__lower-row-item, -.comments-comment-mentions-texteditor .mentions-texteditor__content, -.dropdown dd a, -.dropdown dd a:visited, -.dropdown li a, -.dropdown li a:visited { - color: #ccc !important; -} + /* Message chat color */ + --color-text-low-emphasis: #99AAB5 !important; -#extended-nav-search input, -.pv-browsemap-section__member-detail .browsemap-headline, -.pv-entity__secondary-title, -.EntityLockup-circle-3-ghost-person .badge, -.EntityLockup-circle-3-ghost-person dd:not(.badge), -.feed-shared-interest-package__entity-link.feed-shared-interest-package__entity-link, -.msg-search-form, -.wow-marketing-content .you-will-also-know__item__content__text, -.global-footer__link, -.comments-comment-mentions-texteditor - .mentions-texteditor__content - .link-without-visited-state:not(:hover).t-black, -.popular-actions .forum-driver-main .forum-driver-explanation-snippet, -.nav-accordion .accordion-item .accordion-header:hover, -.nav-accordion .accordion-item .accordion-header:focus, -.list-entry:hover, -.link-without-visited-state:not(:hover).t-black, -.artdeco-carousel-container .pagination-btns button.disabled, -.artdeco-carousel-container .pagination-btns button:disabled, -.artdeco-entity-lockup__title, -.artdeco-empty-state__headline, -.job-card__location, -.job-card__listed-status, -.job-card__easy-apply-text, -.search-result__social-proof-link, -.search-result__social-proof-link:hover, -.search-result__social-proof-link:hover:visited, -.search-result__social-proof-link:visited, -.link-without-visited-state:not(:hover).t-black--light, -.pv-certification-entity .pv-certifications-entity__credential-link, -blockquote, -.EntityLockup-square-4 .badge, -.EntityLockup-square-4 dd:not(.badge), -.nt-card__headline:visited, -.nt-card__headline:focus, -.nt-card__headline:hover, -.artdeco-button--muted.artdeco-button--disabled.artdeco-button--tertiary, -.artdeco-button--muted.artdeco-button--tertiary:disabled, -artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:hover, -artdeco-tabs[theme="pro"] - artdeco-tablist[role="tablist"] - artdeco-tab[role="tab"]:hover, -a.artdeco-toast-item__cta, -a.artdeco-toast-item__cta:hover, -a.artdeco-toast-item__cta:visited, -a.artdeco-toast-item__cta:visited:hover, -.org-page-navigation__item-anchor:focus, -.org-page-navigation__item-anchor:hover, -.org-page-navigation__item-anchor:visited:focus, -.org-page-navigation__item-anchor:visited:hover { - color: #999 !important; -} + /* Disabled text color */ + --color-text-disabled: #5f7673 !important; -li-icon .active-item, -li-icon .small-icon { - fill: #ccc !important; -} + /* Headers, buttons, svgs */ + --blue-70: #FFF !important; -.launchpad-pymk-modal__header, -.artdeco-modal__actionbar, -.launchpad-pymk-list__item, -.pv-course-recommendations, -.feed-shared-navigation-module__discover-cta, -.feed-right-rail__container, -.global-footer-compact, -.feed-right-rail, -.feed-right-rail__top-module, -.feed-shared-article--with-large-image - .feed-shared-article__description-container, -.msg-spinmail-thread__message-header, -.msg-thread, -.msg-title-bar__title-bar-title, -.msg-messaging-container__core-rail, -.msg-conversation-card__content, -.msg-search-form__title-bar-title, -.msg-conversations-container__title-row, -.nt-settings-summary, -.nt-card, -.nt-segment-header, -.jobs-home-hero-promo__header, -.feed-shared-header, -.social-details-social-counts, -.modal__header, -.pv-profile-section.background-section.artdeco-container-card.pv-profile-section--reorder-enabled - .pv-profile-section - .pv-profile-section__sortable-item::after, -.list > li, -.pe-hub-card, -#settings-nav .tablist-wrapper, -.pv-skill-category-entity__top-skill, -.pv-accomplishments-block__list-container::after, -.pv-accomplishments-block--expanded, -.feed-shared-update--chat-ui .comments-comment-textarea, -.feed-shared-update--chat-ui .comments-comment-texteditor, -.share-suggested-hashtags, -.share-box__feedback-msg-container, -.share-box__footer, -.popular-list .popular-list-item, -.pv-entity__position-group-pager::after, -.pe-hub-drawer, -.pe-hub-section__list, -.artdeco-button:focus, -.mn-discovery-cohorts__see-all-card, -.feed-shared-aggregated-content__list-item, -.feed-shared-contextual-header, -.org-people-bar-graph-module, -.jobs-hero-image-container, -.pv-recommendation-entity, -.psa-company__item::after, -.psa-card__header--has-border, -.psa-keyword__item::after, -.msg-premium-mailboxes__mailbox, -.member-insights-mutual-connection, -.global-footer--static, -.share-box__article-cta, -.search-typeahead-v2__hit--escape-hatch { - border: none !important; - outline: none !important; - box-shadow: none; -} + /* Link embed card bg */ + --voyager-color-background-container-tint-2: #2f3136 !important; -.organization-outlet .org-location-viewer__location-card:last-child, -.organization-outlet .org-locations-module__left-panel-header, -.organization-outlet .org-locations-module__location-card:last-child { - border-bottom: none; - box-shadow: 4px 0 0 #0073b1 inset; -} + --color-background-container-tint: #2f3136 !important; -.toast__dismiss { - width: 32px; - height: 48px; -} + --color-action: #99AAB5 !important; + + /* Message active chat */ + --voyager-color-action-selected: #2f3136 !important; + + /* Home search input bg color */ + --voyager-color-background-input-search: #40444b !important; + + --voyager-color-background-comment: #2f3136 !important; + --color-background-brand-accent-4: #2f3136 !important; + + /* Used for links */ + --color-brand-accent-1: #7289DA !important; + --warm-red-70: #7289DA !important; + + /* Active button background */ + --color-checked: #3ba55c !important; -.msg-conversations-container__pillar { - border-right: 0.4px solid #1f2f38; } -.topcard__profile-image.lazy-loaded - .profile-photo-edit__edit-icon.profile-photo-edit__edit-icon.profile-photo-edit__edit-icon, -.discover-person-card__image, -.pe-top-card-form__photo-wrapper { - border: 3px solid #1a2a33; - box-shadow: none; +/*Dark Scrollbar*/ +::-webkit-scrollbar +{ + width: 10px; } -.msg-conversations-container__convo-item-link.active { - box-shadow: 4px 0 0 #0073b1 inset; +::-webkit-scrollbar-track +{ + background: #fff0 !important; } -#app-boot-bg .feed-profile, -.loading-bg .feed-profile { - border-color: #1a2a33; +::-webkit-scrollbar-thumb +{ + background: #1f2f38; } -.jobs-options__list:after, -.msg-search-form__filters-dropdown:after, -artdeco-dropdown-content.artdeco-dropdown-with-arrow[placement="bottom"]::after { - border-bottom-color: #162228; +::-webkit-scrollbar-thumb:hover +{ + background: #1a2a33; } -.controls-form__setting--basics input[type="radio"] + label:before, -.controls-form__setting--basics input[type="checkbox"] + label:before, -.controls-form__setting--picture input[type="radio"] + label:before, -.controls-form__setting--picture input[type="checkbox"] + label:before { - box-shadow: 0 0 0 1px #ccc inset; +/* Job updates, events, quotes etc. card background embedded post items */ +.job-card-square__main, +.feed-shared-carousel-job__content, +div[class^='feed-shared-article'], +div[class^='feed-shared-event'], +div[class^='feed-shared-update-v2__update-content-wrapper'], +div[class^='feed-shared-entity'], +div[class^='feed-shared-announcement'], +section[class^='discover-entity-type-card'] { + background: var(--voyager-color-background-comment) !important; } -.pv-top-card-v2-section__photo-wrapper, -.pv-top-card-section__photo, -.EntityPhoto-circle-4, -.profile-photo-edit, -.profile-photo-edit__preview, -.nav-item__profile-member-photo, -.EntityPhoto-circle-7, -.EntityPhoto-circle-1 { - border-radius: 5%; +/* See more, featured item card etc. */ +.org-about-module__content-box, +.artdeco-container-card-action-bar, +.artdeco-card__actions, +div[class^='pab-featured-item'] > div { + background: var(--voyager-color-background-comment) !important; } -.entity-list-item, -.feed-identity-module__anchored-widget, -.feed-shared-interest-package__section-header, -.share-box__article-cta, -.profile-background-image-edit-button__edit-icon.profile-background-image-edit-button__edit-icon.profile-background-image-edit-button__edit-icon, -.nav-settings__block, -.pv-accomplishments-section::after, -.side-panel__scroll-affordance, -.nav-accordion .accordion-item.is-expanded:after, -.pv-profile-wrapper .pv-content__right-rail .profile-section, -.pv-profile-wrapper .pv-content__right-rail .pv-profile-section, -.member-insights-mutual-connection__picture, -.member-insights-mutual-connection::after, -.pv-contact-info--for-top-card-v2, -.mn-abi-results__header { - background: none !important; +/* Messages text color */ +.msg-s-event-listitem__body { + color: var(--color-text-low-emphasis) !important; } -#launchpad-wormhole, -.pb0, -.pv0 { - padding-bottom: 15px !important; +/* Comments and share post input color */ +.share-box-feed-entry__wrapper .display-flex .artdeco-button, +.comments-comment-texteditor { + background: var(--voyager-color-background-input-search) !important; } -.jobs-description--is-truncated .jobs-description__container::after, -.jobs-company--is-truncated .jobs-company__card::after, -.pv-about__summary-text .lt-line-clamp__ellipsis::before { - filter: invert(1); +.feed-shared-update-v2__commentary span a { + color: #57F287 !important; } -.organization-outlet .org-bar-graph-element__percentage-bar-background { - fill: #1818184d; +/* Navbar */ +header[class^='global-nav'] { + background: #2f3136 !important; } diff --git a/recipes/linkedin/package.json b/recipes/linkedin/package.json index df2d857..a6b9042 100644 --- a/recipes/linkedin/package.json +++ b/recipes/linkedin/package.json @@ -1,7 +1,7 @@ { "id": "linkedin", "name": "LinkedIn", - "version": "1.3.0", + "version": "1.4.0", "license": "MIT", "config": { "serviceURL": "https://www.linkedin.com/messaging" -- cgit v1.2.3-70-g09d2