LinkedIn Dark
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
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: ...