Skip to content

LinkedIn Dark by hi1307

Details

Authorhi1307

LicenseNo License

Categorylinkedin

Created

Updated

Size55 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

LinkedIn Dark

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         LinkedIn Dark
@version      20210824.14.32
@namespace    userstyles.world/user/hi1307
@description  LinkedIn Dark
@author       hi1307
@license      No License
==/UserStyle== */

@-moz-document domain("linkedin.com") {
:root{
    --color-background-canvas: black!important;
    --color-background-container: rgb(33 33 33)!important;
    --color-text: rgb(255 255 255 / 80%)!important;
    --color-text-low-emphasis:rgb(255 255 255 / 60%)!important;
    --color-icon-nav-active: rgb(255 255 255 / 100%)!important;
    --color-icon-nav:rgb(255 255 255 / 80%)!important;
    --color-text-low-emphasis-shift:rgb(255 255 255 / 60%)!important;
    --color-border:rgb(255 255 255 / 60%)!important;
    --color-background-none-tint-hover:rgb(0 0 0 / 40%)!important;
    --color-icon:rgb(255 255 255 / 60%)!important;
    --voyager-color-background-input-search: rgb(20 20 20)!important;
    --color-text-active:rgb(255 255 255 / 60%)!important;
    --voyager-color-action-selected:rgb(20 20 20)!important;
    --warm-gray-20:rgb(20 20 20)!important;
    --warm-gray-30:rgb(20 20 20)!important;
    --elevation-lined: 0px 0px 0px 1px rgb(0 0 0 / 25%)!important;
    --black:white!important;
    --white:black!important;
    --color-background-container-tint: rgb(33 33 33)!important;
    --warm-gray-40:rgb(20 20 20)!important;
    --color-background-none-tint-action-hover:rgb(0 0 0 / 25%)!important;
    --warm-gray-70: rgb(255 255 255 / 60%)!important;
    --color-text-shift-on-dark-flip: white!important;
    --voyager-color-background-comment:rgb(20 20 20)!important;
    --voyager-color-background-container-tint-2: rgb(0 0 0)!important;
    --voyager-color-background-comment: rgb(20 20 20)!important;
    --color-background-brand-accent-4: rgb(33 33 33)!important;
    --color-border-faint: rgb(255 255 255 / 8%)!important;
    --color-border-low-emphasis:rgb(255 255 255 / 10%)!important;
    --color-background-faint-active:rgb(255 255 255 / 10%)!important;
    --color-background-new: rgb(0 85 255 / 18%)!important;
    --color-text-disabled: rgb(255 255 255 / 10%)!important;
    --color-background-disabled:rgb(255 255 255 / 10%)!important;
    --color-action: #0a66c2!important;
    --color-checked-on-dark:#0a66c2!important;
}

body .search-global-typeahead__search-home-hit-icon {
    color: rgb(255 255 255 / 60%)!important;
}

body .search-history-container .search-typeahead-v2__hit {
    color: rgb(255 255 255 / 90%)!important;
}

body .search-global-typeahead--focused input.search-global-typeahead__input {
    color: rgb(255 255 255 / 80%)!important;
    background-color: var(--voyager-color-background-input-search);
    box-shadow: var(--elevation-lined);
}

body h2{
    color: rgb(255 255 255 / 90%)!important;
}

body .EntityLockup-circle-2 dd:not(.badge){
    color: rgb(255 255 255 / 60%)!important;   
}

body .msg-search-form {
    color: rgba(255,255,255,.6)!important;
}

body .msg-inmail-credits-display {
    background-color: #000000!important;
}

body .msg-compose__inmail-compose-entity-lockup .msg-compose__profile-link {
    color: rgb(255 255 255 / 90%)!important;
}

body  .msg-compose__inmail-compose-entity-lockup .msg-compose__profile-link:hover {
    color: rgb(255 255 255 / 90%)!important;
}

body .msg-reactions__entry-point .artdeco-button__icon {
    filter: invert(1)!important;
}

body .emoji-button {
    color: rgb(255 255 255)!important;
}


body .msg-s-event-listitem__body {
    color: rgb(255 255 255 / 90%)!important;
}

body .msg-form__msg-content-container .msg-form__contenteditable .msg-form__placeholder, .msg-form__msg-content-container .msg-form__contenteditable b, .msg-form__msg-content-container .msg-form__contenteditable em, .msg-form__msg-content-container .msg-form__contenteditable i, .msg-form__msg-content-container .msg-form__contenteditable p {
    color: rgba(255,255,255,.9)!important;
}

body .pv-open-to-carousel-card{
    background-color: var(--voyager-color-background-comment)!important;
}

body .pv-dashboard-section__card {
    background-color: var(--voyager-color-background-comment)!important;
}
/*
body .msg-s-event-listitem__message-bubble .feed-shared-update-v2__update-content-wrapper {
    background-color: rgb(33 33 33)!important;
}
*/
body .feed-shared-update-v2__update-content-wrapper {
    background-color: var(--voyager-color-background-comment)!important;
}

body .feed-shared-update-v2__update-content-wrapper .see-more {
    background-color: var(--voyager-color-background-comment)!important;
}

body .discover-entity-type-card {
    background-color: var(--voyager-color-background-comment)!important;
}

body .comments-comment-social-bar__vertical-divider {
    border-left: 1px solid var(--color-text-low-emphasis)!important;
}

body .comments-comment-texteditor {
    background-color: var(--voyager-color-background-comment)!important;
    transition: background-color 1s ease-in-out;
}

body .share-generic-list__item--active {
    color: rgb(5 118 66)!important;
}

body .share-box-footer {
    background-color: var(--color-background-container)!important;
    border-top: 1px solid var(--warm-gray-30,#e6e9ec);
    border-radius: 0 0 var(--corner-radius-medium) var(--corner-radius-medium);
}

body .social-details-social-counts__item {
    color: rgb(255 255 255 / 60%)!important;
}

body .jobs-search-box--large .jobs-search-box__inner input[type=text]:disabled{
    background-color: var(--voyager-color-background-input-search)!important;
}

body .jobs-search-box__input--focused .jobs-search-box__inner input[type=text]:disabled {
    background-color: var(--voyager-color-background-input-search)!important;
}

body .jobs-search-box__search-starter.basic-typeahead__selectable--active{
    background-color: transparent!important;
    outline: solid transparent 2px!important;
}

body .jobs-search-box__search-starter:hover {
    background-color: transparent!important;
    outline: solid transparent 2px!important;
}

body .job-card-square {
    background-color: var(--voyager-color-background-input-search)!important;
}

body .jobs-description--reformatted .jobs-description__container {
    color: rgb(255 255 255 / 80%)!important;
}

body .jobs-box__html-content p {
    color: rgb(255 255 255 / 90%)!important;
}

body .jobs-search-results-list__list-item--active{
    background-color: var(--voyager-color-background-input-search)!important;
}


body .jobs-search-upsell .container-premium {
    background-color: var(--voyager-color-background-input-search)!important;
}

body #layout-header.minimal-nav #header-banner {
    background-color: rgb(33 33 33) !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

body {
    background-color: #000!important;
}

body .categories {
    background-color: rgb(33 33 33)!important;
    border: 1px solid rgba(0,0,0,0.15);
}

body a.category {
    color: rgb(255 255 255 / 60%)!important;
}

body .discovery-menu-categories-col .category-container .categories .expanded-category {
    color: rgb(255 255 255 / 80%)!important;
    padding: 16px 0 16px 16px;
}

body .discovery-menu-categories-col .category-container .categories a.subcategory-nav {
    color: rgb(255 255 255 / 80%)!important;
}


body a.subcategory-nav.active {
    background: rgb(20 20 20)!important;
}

body a.subcategory-nav.active:hover {
    background: rgb(20 20 20)!important;
}

body a.subcategory-nav:hover {
    background: rgb(20 20 20)!important;
}

body a.category:hover {
    background: rgb(20 20 20)!important;
}

body .list p {
    color: rgb(255 255 255 / 60%)!important;
}

body .list legend {
    color: rgb(255 255 255 / 60%)!important;
}

body .list--levee {
    background: #212121!important;
}

body #layout-header.minimal-nav .minimal-util-nav-link {
    color: rgb(255 255 255 / 90%)!important;
}

body .list p{
    color: rgb(255 255 255 / 60%)!important;
}

body .heading {
    color: rgb(255 255 255 / 90%)!important;
}

body .minimal-util-nav-link {
    color: rgb(234 234 234 / 90%) !important;
}

body .indicator {
    color: rgb(255 255 255 / 60%)!important;
}

body .state {
    color: rgb(255 255 255 / 60%)!important;
}

body .subcategory+li {
    border-top: 1px solid rgb(0 0 0)!important;
}

body .list>li {
    border-bottom: 1px solid rgb(0 0 0)!important;
}

body .nt-card__headline:hover {
    color: rgb(255 255 255 / 90%)!important;
}

body .nt-card__headline:visited:hover {
    color: rgb(255 255 255 / 90%)!important;
}

body .feed-shared-poll {
    background: var(--voyager-color-background-comment)!important;
}

body .feed-shared-poll-option__winner {
    background-color: var(--color-signal-positive)!important;
}

body .feed-shared-poll-option__vote-checkmark {
    color: white!important;
}

body .feed-shared-poll-option__bar-percent {
    background-color: rgb(10 102 194)!important;
}


body .feed-shared-poll-option__button.artdeco-button.artdeco-button--2.artdeco-button--secondary:hover{
    background-color: rgb(255 255 255)!important;
    color: var(--color-action)!important;
    box-shadow: inset 0 0 0 2px rgb(255 255 255)!important;
}


body .feed-shared-poll-option__button.artdeco-button.artdeco-button--2.artdeco-button--secondary{
    background-color: var(--color-action)!important;
    color: #fff!important;
    box-shadow: inset 0 0 0 1px var(--color-action)!important;
}

body .artdeco-button--tertiary.share-box-feed-entry__trigger--v2{
    background-color: var(--voyager-color-background-input-search)!important;
    color: var(--color-text-low-emphasis-shift)!important;
}

body .ql-editor.ql-blank::before {
    color: rgb(255 255 255 / 60%)!important;
}

body .feed-shared-carousel--jobs .artdeco-carousel__item-container {
    background-color: var(--voyager-color-background-input-search)!important;
}

body .feed-shared-carousel__navigation-button{
    background: rgb(255 255 255 / 60%)!important;
    color: var(--color-icon-on-dark-flip)!important;
}

body .feed-shared-carousel__navigation-button:hover {
    background: ...

Reviews

No reviews yet.