From 5c989aad17f1e146abb380ab89825b24ae980df1 Mon Sep 17 00:00:00 2001 From: Leon Kowarschick Date: Sat, 27 Jun 2020 13:27:45 +0200 Subject: [PATCH] Remove css stuff --- files/custom_discord.css | 226 -------------------------------- files/ddg_darktheme.css | 231 --------------------------------- files/gruvbox_docs_rs.css | 142 -------------------- files/hackage_gruvbox.css | 267 -------------------------------------- files/hoogle_gruvbox.css | 183 -------------------------- files/youtube_gruvbox.css | 142 -------------------- 6 files changed, 1191 deletions(-) delete mode 100644 files/custom_discord.css delete mode 100644 files/ddg_darktheme.css delete mode 100644 files/gruvbox_docs_rs.css delete mode 100644 files/hackage_gruvbox.css delete mode 100644 files/hoogle_gruvbox.css delete mode 100644 files/youtube_gruvbox.css diff --git a/files/custom_discord.css b/files/custom_discord.css deleted file mode 100644 index 09f2c64..0000000 --- a/files/custom_discord.css +++ /dev/null @@ -1,226 +0,0 @@ -:root { - /* ---- */ - --bg1: #282828; - --bg2: #222222; - --bg3: #1d2021; - --button: #daddee1a; - /* ---- */ - --fg2: #a89984; - --fg1: #fbf1c7; - --disabled: #696969; - /* ---- */ - --accent: #83c07c; - --accent2: #83a598; - --contrast: #ffffff; - /* ---- */ - - --red: #fb4934; - --purple: #b16286; - --blue: #458588; - --cyan: #7acfe4; - --green: #83c07c; - --yellow: #fabd2f; - --border1: #223344; - --border2: #334455; - -moz-tab-size: 2; -} - -.theme-dark { - --header-primary: var(--fg1); - --header-secondary: var(--fg2); - --text-normal: var(--fg1); - --text-muted: var(--fg2); - --text-link: var(--accent); - --channels-default: var(--fg2); - --interactive-normal: var(--fg2); - --interactive-hover: var(--fg1); - --interactive-active: var(--fg1); - --interactive-muted: var(--fg2); - --background-primary: var(--bg1); - --background-secondary: var(--bg2); - --background-secondary-alt: var(--bg1); - --background-tertiary: var(--bg1); - --background-accent: var(--accent); - --background-floating: var(--bg1); - --background-modifier-hover: rgba(79, 84, 92, 0.16); - --background-modifier-active: rgba(79, 84, 92, 0.24); - /*--background-modifier-accent: hsla(0, 0%, 100%, 0.06);*/ - --background-modifier-accent: rgba(0, 0, 0, 0); - --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24); - --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); - --channeltextarea-background: var(--bg1); - --activity-card-background: var(--bg2); - --deprecated-panel-background: var(--bg3); - --background-modifier-selected: var(--bg1); - --elevation-low: none !important; - --background-message-hover: var(--bg2) !important; -} - -* { - font-family: "Terminus (TTF)" !important; - font-weight: normal !important; - font-size: 1rem !important; -} - -::-webkit-scrollbar, -::-webkit-scrollbar-track, -::-webkit-scrollbar-track-handle, -::-webkit-scrollbar-track-piece { - border-color: rgba(0, 0, 0, 0) !important; - background-color: rgba(0, 0, 0, 0) !important; -} - -/* sections */ - -[class*="peopleColumn"] { - background-color: var(--bg2); -} - -[class*="section"] { - background-color: var(--bg3); -} -[class*="sidebar"] [class*="container"] [class*="header"] { - background-color: var(--bg1) !important; - box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); -} - -[class*="sidebar"] > [class*="container"], -[class*="members"][class*="scroller"] { - box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.2); -} - -[class*="scrollerWrap"] { - border-radius: 10px !important; -} - -[class*="membersWrap"] { - /*border-top-left-radius: 15px;*/ - overflow: hidden; -} - -/* message input area */ - -[class*="chatContent"] [class*="form"] { - padding-top: 0.5rem; - background-color: var(--bg1); - box-shadow: 0 -30px 20px -30px rgba(0, 0, 0, 0.3); -} - -[class*="textAreaSlate"] { - background-color: var(--bg3); - border-radius: 13px; - color: var(--fg-2); - box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1); -} - -[class*="textAreaSlate"] > * { - padding-left: 1rem; - padding-right: 1rem; -} - -/* components */ - -button[class*="lookFilled"] { - background-color: var(--button) !important; -} -button[class*="buttonActive"][class*="lookFilled"] { - background-color: var(--accent) !important; - color: var(--bg1) !important; -} - -button[class*="lookLink"] { - color: var(--fg1) !important; -} - -[class*="sprite"] { - filter: brightness(80%) sepia(80%) saturate(60%) !important; -} -[class*="username"] { - filter: sepia(30%) !important; - transition: filter 0.2s; -} -[class*="username"]:hover { - filter: sepia(20%) !important; -} - -[class*="newMessagesBar-"] { - background-color: var(--accent); - opacity: 1; -} -[class*="newMessagesBar-"] button { - color: var(--bg1) !important; -} - -img[class*="avatar"] { - filter: sepia(30%) !important; - transition: filter 0.1s, transform 0.1s ease-in-out; -} -img[class*="avatar"]:hover { - filter: sepia(0%) !important; - transform: scale(1.05); -} - -[class*="pictureInPictureWindow"] { - box-shadow: 0 8px 15px 0px rgba(0, 0, 0, 0.5) !important; -} - -[class*="divider"] { - border-color: var(--bg3); -} -[class*="divider"][class*="isUnread"]{ - border-color: var(--red) !important; -} - -[class*="unreadPill-"] { - background-color: var(--red); -} - -[class*="unreadPillCap"] { - fill: var(--red); -} -button[class*="lookFilled"] { - color: var(--fg1) !important; -} - -[class*="live"][class*="textBadge"] { - background-color: var(--red) !important; - color: var(--fg1); -} - -[class*="modal"] [class*="queryContainer-"], -[class*="modal"] [class*="resultsGroup-"], -[class*="modal"] [class*="bodyInner-"], -[class*="modal"] [class*="quickMessage-"], -[class*="modal"] [class*="inner-"], -[class*="modal"] [class*="header-"]:not(header):not(h2), -[class*="modal"] [class*="uploadModal-"] { - background-color: var(--bg1) !important; -} - -[class*="modal"] [class*="sourceScroller"], -[class*="modal"] [class*="segmentContainer-"] [class*="segmentControl"] /*go live source selector header bar*/{ - background-color: var(--bg3) !important; -} -[class*="modal"] [class*="header"] { - padding-top: unset; - padding: 0.4rem; -} - -[class*="modal"] [class*="footer-"] { - background-color: var(--bg3) !important; - filter: brightness(110%); -} - -[class*="panels"] > *:nth-child(2) { - height: 4.6rem; - padding-bottom: 0.5rem; -} - - -div[class*="chat"] div[class*="root"] { - background-color: #282828; -} - -div[class*="chat"] div[class*="root"] canvas { - /*border-radius: 20px;*/ -} diff --git a/files/ddg_darktheme.css b/files/ddg_darktheme.css deleted file mode 100644 index e2a92f2..0000000 --- a/files/ddg_darktheme.css +++ /dev/null @@ -1,231 +0,0 @@ -/* ==UserStyle== -@name duckduckgo-gruvbox-elkowar -@namespace github.com/openstyles/stylus -@version 1.0.0 -@description gruvboxed duckduckgo -@author ElKowar -@preprocessor stylus -==/UserStyle== */ -@-moz-document domain("duckduckgo.com") { - :root { - --bg1: #1d2021; - --bg2: #282828; - --bg3: #504945; - --bg4: #202020; - --fg1: #ebdbb2; - --fg1: #d5c4a1; - --fg3: #a89984; - --col_blue: #83a598; - } - - body { - background-color: var(--bg2); - } - - *, - div[class*="result"], - .result__snippet b, - .result__date { - color: var(--fg1) !important; - font-family: "xos4 terminus" !important; - font-size: 1rem; - } - - - #duckbar a.zcm__link { - border-bottom-color: var(--fg1) !important; - padding: 0 10px; - margin: 0 0; - transition: background-color 0.1s ease-in-out; - &:hover { - background-color: var(--bg1); - } - } - - .switch { - background-color: var(--bg3); - } - - .zci, - .tile-wrap, - .metabar, - .zci-wrap { - background-color: var(--bg2) !important; - border: none !important; - } - - .tile { - background-color: var(--bg2); - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); - border: none !important; - transition: box-shadow 0.1s ease-in-out; - &.highlight { - box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.8) !important; - } - } - - - .footer { - background-color: var(--bg2); - display: none !important; - .footer__card { - background-color: var(--bg1) !important; - border: none; - } - } - - .btn.feedback-btn, - .feedback-prompt, - .header__clickable[data-type="showcase"], - .header__label.social { - display: none; - } - - .modal__box, - .modal__header { - background: var(--bg2) !important; - & > * { - background: var(--bg2) !important; - } - } - - - - - pre.prettyprint, - code { - background-color: var(--bg1); - } - - .module__toggle--more::after { - background: linear-gradient(var(--bg2), var(--bg1)) !important; - } - - .modal__list__link.is-highlighted { - background-color: var(--bg3) !important; - } - - .module__clickable-header > * { - color: var(--fg1) !important; - } - - .btn.btn--full { - background-color: var(--bg1); - border: none; - } - - .switch__knob { - background-color: var(--fg1) !important; - } - - - - .site-wrapper { - box-shadow: none; - background-color: var(--bg2) !important; - - .header-wrap { - background-color: var(--bg2); - } - } - - - - .header__logo { - filter: sepia(80%); - } - - form#search_form { - background-color: var(--bg4) !important; - box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); - border: none; - transition: box-shadow 0.1s ease-in-out; - } - - div.result { - transition: box-shadow 0.1s ease-in-out; - border: none; - &.highlight { - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3) !important; - border-radius: 5px; - border: none !important; - } - - a.result__url > * { - color: var(--col_blue) !important; - font-family: "cozette" !important; - } - - a.result__a { - font-size: 1.2rem !important; - font-family: "xos4 terminus" !important; - } - .result__snippet { - font-size: 1rem; - color: var(--fg2) !important; - } - img.result__icon__img { - filter: sepia(60%) contrast(130%); - } - } - - .msg--spelling :link, - .msg--spelling :visited, - .msg--spelling a:hover, - .msg__clear, - .msg__clear:hover, - .msg__all, - .msg__all:visited { - color: var(--fg1) !important; - } - - .dropdown.dropdown--region { - display: none !important; - } - - #search_form { - input { - z-index: 10 !important; - background-color: var(--bg4) !important; - &[type="submit"], - &[type="button"] { - background-color: rgba(0, 0, 0, 0) !important; - } - } - &.search--focus, - &.search--hover { - box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.3); - } - &.search--focus, - &.search--hover #search_button { - background-color: var(--bg4); - } - } - - - .search__autocomplete { - transform: translateY(15px); - z-index: 5 !important; - border: none; - padding-right: 2px; - background-color: var(--bg4); - box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); - & > * { - background-color: var(--bg4); - &.t-normal { - color: var(--fg3) !important; - } - &:not(.t-normal) { - font-weight: normal !important; - color: var(--fg1) !important; - } - } - } - - .search-filters-wrap::after, - .search-filters-wrap::before, - .metabar__dropdowns-wrap::before, - .metabar__dropdowns-wrap::after { - display: none; - } -} diff --git a/files/gruvbox_docs_rs.css b/files/gruvbox_docs_rs.css deleted file mode 100644 index cc7f031..0000000 --- a/files/gruvbox_docs_rs.css +++ /dev/null @@ -1,142 +0,0 @@ -/* ==UserStyle== -@name gruvbox docs.rs -@namespace github.com/openstyles/stylus -@version 1.0.0 -@description A new userstyle -@author Me -@preprocessor stylus -==/UserStyle== */ -@-moz-document domain("docs.rs"), -domain("doc.rust-lang.org") { - :root { - --bg0: #1d2021; - --bg1: #222222; - --bg2: #282828; - --bg3: #504945; - --bg4: #202020; - --fg0: #ebdbb2; - --fg1: #fbf1c7; - --fg2: #d5c4a1; - --fg3: #a89984; - --col_blue: #83a598; - --col_accent: #8ec07c; - --col_accent_dark: #8ec07c; - --col_yellow: #fabd2f; - --col_red: #fb4934; - --border: rgb(53, 51, 49); - - --monospaced: "Jetbrains Mono"; - --monospaced-size: 14px; - --monospaced-small: cozette; - } - - .nav-container { - background-color: var(--bg2) !important; - border: none !important; - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); - & * { - color: var(--fg1) !important; - } - } - - button#theme-picker { - display: none; - } - #settings-menu { - background-color: inherit; - border: none; - transform: translateY(4px); - } - - input#nav-search { - padding-left: 1rem; - background-color: inherit !important; - } - - nav { - .search-container { - input, - #crate-search, - input:focus, - crate-search:focus { - background-image: none; - outline: none; - color: var(--fg1) !important; - border: 1px solid var(--border) !important; - box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5) !important; - background-color: var(--bg1) !important; - } - input, - input:focus { - border-left: none !important; - } - #crate-search, - #crate-search:focus { - padding-right: 1.4rem; - border-right: none !important; - } - } - } - - - .sidebar { - background-color: var(--bg1) !important; - box-shadow: inset -5px 0 10px 0 rgba(0, 0, 0, 0.4); - scrollbar-width: thin !important; - .logo-container { - display: none; - } - & * { - color: var(--fg1); - } - h1, - h2, - h3, - .sidebar-title { - color: var(--col_accent) !important; - } - - - - .block { - a { - - &.current { - background-color: var(--col_accent) !important; - color: var(--bg2); - } - } - } - } - - .pure-menu-children { - background-color: var(--bg2); - box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.5); - } - - - #rustdoc_body_wrapper, - body { - background-color: var(--bg2) !important; - color: var(--fg1); - h1, - h2, - h3 { - color: var(--fg1); - } - code { - background-color: inherit; - font-family: var(--monospaced); - font-size: var(--monospaced-size); - } - - a.srclink { - padding: 0rem 1rem; - color: var(--col_accent); - } - .collapse-toggle { - transform: translateY(-3px); - color: var(--fg3); - } - } -} diff --git a/files/hackage_gruvbox.css b/files/hackage_gruvbox.css deleted file mode 100644 index 895167a..0000000 --- a/files/hackage_gruvbox.css +++ /dev/null @@ -1,267 +0,0 @@ -/* ==UserStyle== -@name Haskellstuff -@namespace github.com/openstyles/stylus -@version 1.0.0 -@description A new userstyle -@author ElKowar -@preprocessor stylus -==/UserStyle== */ -@-moz-document domain("hackage.haskell.org") { - - :root { - --bg0: #1d2021; - --bg1: #222222; - --bg2: #282828; - --bg3: #504945; - --bg4: #202020; - --fg1: #ebdbb2; - --fg1: #d5c4a1; - --fg3: #a89984; - --col_blue: #83a598; - --col_aqua: #83c07c; - --col_yellow: #fabd2f; - --col_red: #fb4934; - - --monospaced: "Jetbrains Mono"; - --monospaced-size: 14px; - --monospaced-small: cozette; - } - - * { - color: var(--fg1); - border-color: var(--fg1) !important; - } - - #package-header { - border: none; - background-color: var(--bg1); - #page-menu li a { - color: var(--fg1); - } - } - - body { - background-color: var(--bg2); - color: var(--fg1); - } - - - #package-header { - padding: 0.5rem; - } - - a { - &[href]:link { - color: var(--col_blue); - } - &[href]:visited { - color: var(--col_aqua); - } - } - #footer { - display: none; - } - - - table.info, - #table-of-contents { - background-color: var(--bg1); - border: none; - box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.4); - padding: 1rem; - } - - - - h1, - h2, - h3, - h4, - h5, - th, - .caption { - border: none !important; - color: var(--col_blue) !important; - a { - color: inherit !important; - } - } - - #description, - #module-header, - #synopsis, - #interface { - /* surrounding element of a piece of documentation */ - .top { - background-color: var(--bg2); - box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.3); - & > :last-child { - padding-bottom: 0.2rem; - } - } - - - .src, - pre, - code { - /*font-family: "Terminus (TTF)";*/ - font-family: var(--monospaced); - font-size: var(--monospaced-size); - font-weight: normal !important; - .def { - font-weight: normal !important; - } - } - - .src, - pre { - background-color: var(--bg1) !important; - padding: 0.5rem; - border: none !important; - - .selflink { - display: none; - } - .link { - background: var(--col_aqua) !important; - color: var(--bg1) !important; - border: none; - margin: -0.4rem !important; - padding: 0.4rem !important; - margin-left: 1rem !important; - } - } - - - summary { - color: var(--col_aqua); - list-style-image: unset !important; - } - - - - .key { - background: none; - border: none; - font-family: var(--monospaced-small); - } - - #synopsis details .details-toggle { - background-color: var(--bg1); - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); - .subs { - background: none; - } - } - - .details-toggle-control { - background: none; - margin-left: -0.8rem !important; - &::after { - content: "+" - } - } - } - - #search { - overflow: visible; - #search-form, - #search-results { - box-shadow: 3px 3px 10px -4px rgba(0, 0, 0, 0.3); - background-color: var(--bg2); - border: none; - overflow: hidden; - border-radius: 4px - } - #search-form input { - background-color: var(--bg1); - border: none; - padding: 1rem; - &::placeholder { - font-size: 1rem; - color: var(--fg3); - } - } - #search-results { - margin-top: 1rem; - background-color: var(--bg1); - padding: 1rem; - } - } - - /* source view */ - .hs-identifier { - color: var(--col_aqua); - &.hs-var { - color: var(--fg1); - } - &.hs-type { - color: var(--col_blue); - } - } - .hs-operator { - color: var(--col_blue); - } - .hs-keyword { - color: var(--col_red); - } - .hs-number, - .hs-glyph { - color: var(--col_blue); - } - .hs-string { - color: var(--fg1); - } - .hs-comment {} - - - /* module startpage */ - #page-header { - border: none; - padding: 0.3rem 1rem - } - #properties { - background: var(--bg1) !important; - box-shadow: 3px 3px 10px -3px rgba(0, 0, 0, 0.4); - padding: 0.8rem; - a { - color: var(--col_aqua); - } - } - #readme-container { - pre { - background-color: var(--bg1); - } - .embedded-author-content { - border: none; - } - } - - - /* package search */ - form input, - #table_wrapper.dataTables_wrapper #table_length select, - #table_wrapper.dataTables_wrapper #table_filter input { - background-color: var(--bg3); - border: none; - padding: 0.2rem 0.5rem; - } - #table_wrapper { - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); - padding: 1rem; - table { - border: none; - & * { - background-color: var(--bg2) !important; - border: none; - } - } - } - #table_paginate { - a { - border: none; - background: var(--bg1) !important; - color: var(--fg1) !important; - } - } -} diff --git a/files/hoogle_gruvbox.css b/files/hoogle_gruvbox.css deleted file mode 100644 index 23cecaa..0000000 --- a/files/hoogle_gruvbox.css +++ /dev/null @@ -1,183 +0,0 @@ -/* ==UserStyle== -@name hoogle-gruvbox -@namespace github.com/openstyles/stylus -@version 1.0.0 -@description A new userstyle -@author ElKowar -@preprocessor stylus -==/UserStyle== */ -@-moz-document domain("hoogle.haskell.org") { - - :root { - --bg0: #1d2021; - --bg1: #222222; - --bg2: #282828; - --bg3: #504945; - --bg4: #202020; - --fg1: #ebdbb2; - --fg1: #d5c4a1; - --fg3: #a89984; - --col_blue: #83a598; - --col_aqua: #83c07c; - --col_yellow: #fabd2f; - --col_red: #fb4934; - - --monospaced: "Jetbrains Mono"; - --monospaced-size: 14px; - --monospaced-small: cozette; - } - - * { - color: var(--fg1); - border-color: var(--fg1) !important; - } - - body { - background-color: var(--bg2); - color: var(--fg1); - } - - - #links { - border: none; - background-color: var(--bg0); - padding: 0.3rem; - * { - color: var(--fg1) !important; - } - } - #logo img { - display: inline-block; - opacity: 0; - } - - a { - &[href]:link { - color: var(--col_blue); - } - &[href]:visited { - color: var(--col_aqua); - } - } - #footer { - display: none; - } - - #example { - background-color: var(--bg1); - border: none !important; - color: var(--fg1); - padding: 1rem; - } - - input { - background-color: var(--bg0); - border: unset; - border-color: var(--bg3); - padding: 0.2rem 1rem;; - transition: box-shadow 0.2s ease-in-out; - &[type="submit"]:hover { - box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.2); - } - } - #scope_chosen { - background-color: var(--bg0); - padding: 0.2rem; - > * { - background: none; - border: none; - box-shadow: none; - } - .chosen-drop { - background-color: var(--bg0); - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); - padding: 0.5rem; - input { - border: none; - } - .no-results { - background: none; - } - } - } - - - h1, - h2, - h3, - h4, - h5, - th, - .caption { - border: none !important; - color: var(--col_blue) !important; - a { - color: inherit !important; - } - } - - a { - color: var(--col_blue) !important; - } - - .result { - a:hover { - background-color: inherit; - } - box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3); - .from { - padding: 0.5rem 0.9rem; - } - .ans { - background-color: var(--bg0); - border: none; - padding: 0.3rem 1rem; - .name { - color: var(--col_aqua); - b { - color: var(--col_aqua); - font-weight: normal; - } - } - } - } - .doc.newline:not(:empty) { - background: none; - &::before { - margin-left: -0.8rem; - width: 1rem; - display: inline-block; - color: var(--col_aqua); - cursor: pointer; - } - &.shut::before { - content: "+"; - } - &.open::before { - content: "-"; - } - } - - .minus { - margin-left: -1rem; - } - .minus, - .plus { - background: none !important; - &::after { - text-align: center; - width: 0.6rem; - height: 1rem; - margin: 0 0.2rem; - display: inline-block; - color: var(--col_aqua); - cursor: pointer; - } - } - .minus::after { - content: "-" - } - .plus::after { - content: "+" - } -} diff --git a/files/youtube_gruvbox.css b/files/youtube_gruvbox.css deleted file mode 100644 index 85303b7..0000000 --- a/files/youtube_gruvbox.css +++ /dev/null @@ -1,142 +0,0 @@ -/* ==UserStyle== -@name gruvbox youtube -@namespace github.com/openstyles/stylus -@version 1.0.0 -@description A new userstyle -@author Me -@preprocessor stylus -==/UserStyle== */ -@-moz-document domain("youtube.com") { - - :root { - --bg0: #1d2021; - --bg1: #222222; - --bg2: #282828; - --bg3: #504945; - --bg4: #202020; - --fg0: #ebdbb2; - --fg1: #fbf1c7; - --fg2: #d5c4a1; - --fg3: #a89984; - --col_blue: #83a598; - --col_accent: #fb4934; - --col_accent_dark: #cc241d; - --col_yellow: #fabd2f; - --col_red: #fb4934; - - --monospaced: "Jetbrains Mono"; - --monospaced-size: 14px; - --monospaced-small: cozette; - } - - ytd-app, - ytd-mini-guide-renderer, - ytd-mini-guide-renderer #items > *, - ytd-masthead { - background-color: var(--bg2) !important; - } - - ytd-browse { - background-color: var(--bg1) !important; - #contentContainer #channel-header { - background-color: var(--bg1) !important; - } - #tabs-inner-container { - background-color: var(--bg1) !important; - } - } - - - yt-icon { - color: var(--fg1) !important; - } - - - ytd-mini-guide-renderer { - a#endpoint[aria-selected="true"] > * { - filter: none; - color: var(--col_accent) !important; - } - } - - - - div, span, h1, h2, ytd-channel-name *, yt-formatted-string, #video-title { - color: var(--fg1) !important; - } - - .ytp-time-display * { - color: white !important; - } - - - ytd-rich-grid-video-renderer { - #details #meta { - yt-formatted-string#video-title { - color: var(--fg1) !important; - } - ytd-video-meta-block * { - color: var(--fg3); - } - } - } - ytd-topbar-logo-renderer { - svg { - g:first-child { - & > g:first-child > :first-child { - fill: var(--col_accent_dark) !important; - } - } - g:last-child { - * { - fill: var(--fg1) !important; - } - } - } - #country-code { - color: var(--fg1) !important; - } - } - - ytd-searchbox { - #search-form { - box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); - & > * { - background-color: var(--bg0) !important; - } - - & * { - border: none !important; - box-shadow: none !important; - } - - input { - color: var(--fg1) !important; - } - } - } - - .gstl_50.sbdd_a { - overflow: visible !important; - box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3) !important; - * { - border: none; - - color: var(--fg1); - background-color: var(--bg2); - } - } - - .ytp-progress-bar-container { - .ytp-play-progress { - background-color: var(--col_accent_dark); - } - } - - .toggle-container { - #toggleButton { - background-color: var(--col_accent); - } - } -} -