Styling some sites to atom one dark theme.
One Dark Web by zb3k
Details
Authorzb3k
LicenseNo License
Categorygoogle, youtube, fluidd
Created
Updated
Code size4.1 kB
Code checksumf8e74ad7
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name One Dark Web
@version 20211026.08.39
@namespace userstyles.world/user/zb3k
@description Styling some sites to atom one dark theme.
@author zb3k
@license No License
==/UserStyle== */
:root {
--z-main-bg: #282c34;
--z-main-bg-darken: #202329;
--z-border-radius: 6px;
}
@-moz-document domain("music.youtube.com") {
body {
background-color: var(--z-main-bg-darken) !important;
}
:root {
--ytmusic-nav-bar: var(--z-main-bg) !important;
--ytmusic-player-bar-background: var(--z-main-bg-darken) !important;
--ytmusic-player-page-background: var(--z-main-bg-darken) !important;
}
.image-wrapper.ytmusic-two-row-item-renderer {
border-radius: 200px;
}
img {
filter: saturate(0.7) contrast(0.8);
opacity:0.8;
}
}
@-moz-document url-prefix("http://192.168.1.") {
.theme--dark.v-application {
background-color: var(--z-main-bg-darken) !important;
}
.theme--dark.v-toolbar.v-sheet,
.theme--dark.v-data-table,
.theme--dark .toolbar-logo,
.theme--dark.v-navigation-drawer,
.theme--dark.v-app-bar.v-toolbar.v-sheet,
.theme--dark.v-card {
background-color: var(--z-main-bg) !important;
}
.v-application .card-heading,
.theme--dark.v-expansion-panels .v-expansion-panel {
background-color: transparent !important;
box-shadow: none !important;
}
}
@-moz-document domain("youtube.com") {
:not(.style-scope)[dark], body {
--yt-spec-general-background-a: var(--z-main-bg-darken);
--yt-spec-brand-background-solid: var(--z-main-bg);
--yt-spec-brand-background-primary: var(--z-main-bg) !important;
}
#player-theater-container {
background-color: var(--z-main-bg-darken) !important;
}
img {
filter: saturate(0.8) contrast(0.9);
opacity:0.95;
}
}
@-moz-document domain("google.com") {
body {
background-color: var(--z-main-bg-darken) !important;
}
.appbar, .sfbg, .yg51vc, .f6F9Be, .k8XOCe, .MXl0lf, .ZkkK1e, .KPV9xf{
background-color: var(--z-main-bg) !important;
}
.RNNXgb {
background-color: var(--z-main-bg-darken) !important;
}
}
@-moz-document domain("http://getkinopoisk.com") {
body.b-theme__template__night.has-brand #wrapper {
background: var(--z-main-bg) !important;
}
}
@-moz-document url-prefix("https://ticktick.com/") {
div {
--color-screen-background: var(--z-main-bg) !important;
}
#left-view > *,
#right-view {
background-color: var(--z-main-bg) !important;
}
#task-list-view {
background-color: var(--z-main-bg-darken) !important;
}
}
@-moz-document url-prefix("https://www.linux.org.ru") {
body {
background: var(--z-main-bg) !important;
}
.messages .msg,
.infoblock,
.boxlet {
background: var(--z-main-bg-darken) !important;
border-radius: var(--z-border-radius);
}
}
@-moz-document url-prefix("https://www.reddit.com/") {
div {
--newCommunityTheme-body: var(--z-main-bg-darken) !important;
--pseudo-before-background: var(--z-main-bg) !important;
--newCommunityTheme-postTransparent20: var(--z-main-bg-darken) !important;
--newRedditTheme-body: var(--z-main-bg-darken) !important;
--newRedditTheme-field: var(--z-main-bg-darken) !important;
--newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--z-main-bg-darken) !important;
}
[data-click-id="background"] {
background: var(--z-main-bg-darken) !important;
}
[style^="background"] {
background:transparent !important;
}
}
@-moz-document url-prefix("https://dtf.ru/") {
body {
background: var(--z-main-bg) !important;
color: #EEE;
}
.sidebar,
.site-header,
.l-island-bg,
.content-image--with_background,
.sidebar__footer,
.ui-rounded-button--active .ui-rounded-button__link {
background: var(--z-main-bg-darken) !important;
color: #DDD !important;
}
.sidebar__footer,
.vacancies_widget,
.bp-unit{
display: none;
}
.sidebar-tree-list-item--active,
.sidebar-tree-list__show-more-button,
.v-split-button{
background: var(--z-main-bg) !important;
color: rgba(225,225,255,.3);
}
.layout__right-column span {
color: #EEE;
}
.page {
padding-left:20px
}
input::placeholder {
color: rgba(225,225,255,.3) !important;
}
}