mirror of
https://github.com/elkowar/dots-of-war.git
synced 2024-12-24 13:22:23 +00:00
Add youtube css
This commit is contained in:
parent
a4a3a16a8f
commit
3494c7c18a
6 changed files with 149 additions and 6 deletions
|
@ -1,4 +1,4 @@
|
||||||
{
|
{
|
||||||
"optOut": false,
|
"optOut": false,
|
||||||
"lastUpdateCheck": 1591876593097
|
"lastUpdateCheck": 1591971363597
|
||||||
}
|
}
|
|
@ -4,11 +4,11 @@ mode=5
|
||||||
bgcolor=#000000
|
bgcolor=#000000
|
||||||
|
|
||||||
[xin_0]
|
[xin_0]
|
||||||
file=/home/leon/Bilder/wallpapers/green_leaves.jpg
|
file=/home/leon/Bilder/wallpapers/ocean.png
|
||||||
mode=5
|
mode=5
|
||||||
bgcolor=#000000
|
bgcolor=#000000
|
||||||
|
|
||||||
[xin_1]
|
[xin_1]
|
||||||
file=/home/leon/Bilder/wallpapers/green_leaves.jpg
|
file=/home/leon/Bilder/wallpapers/tannen.jpg
|
||||||
mode=5
|
mode=5
|
||||||
bgcolor=#000000
|
bgcolor=#000000
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
[geometry]
|
[geometry]
|
||||||
posx=20
|
posx=20
|
||||||
posy=1130
|
posy=1130
|
||||||
sizex=763
|
sizex=2518
|
||||||
sizey=862
|
sizey=1368
|
||||||
|
|
||||||
[nitrogen]
|
[nitrogen]
|
||||||
view=icon
|
view=icon
|
||||||
|
|
Binary file not shown.
|
@ -500,7 +500,8 @@ main = do
|
||||||
, logHook = mconcat [ polybarLogHooks, Ewmh.ewmhDesktopsLogHook, logHook Desktop.desktopConfig, logHook def]
|
, logHook = mconcat [ polybarLogHooks, Ewmh.ewmhDesktopsLogHook, logHook Desktop.desktopConfig, logHook def]
|
||||||
, startupHook = mconcat [ myStartupHook, Ewmh.ewmhDesktopsStartup, return () >> checkKeymap myConfig myKeys]
|
, startupHook = mconcat [ myStartupHook, Ewmh.ewmhDesktopsStartup, return () >> checkKeymap myConfig myKeys]
|
||||||
, manageHook = mconcat [ manageSpawn, myManageHook, manageHook def]
|
, manageHook = mconcat [ manageSpawn, myManageHook, manageHook def]
|
||||||
, focusedBorderColor = aqua
|
--, focusedBorderColor = aqua
|
||||||
|
, focusedBorderColor = "#427b58"
|
||||||
, normalBorderColor = "#282828"
|
, normalBorderColor = "#282828"
|
||||||
, handleEventHook = mconcat [ mySwallowEventHook
|
, handleEventHook = mconcat [ mySwallowEventHook
|
||||||
, activateWindowEventHook
|
, activateWindowEventHook
|
||||||
|
|
142
files/youtube_gruvbox.css
Normal file
142
files/youtube_gruvbox.css
Normal file
|
@ -0,0 +1,142 @@
|
||||||
|
/* ==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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue