From 3494c7c18aeed7b7bfa7cbb5b6b6e06cd1f5ba2b Mon Sep 17 00:00:00 2001
From: Leon Kowarschick <lkowarschick@gmail.com>
Date: Sat, 13 Jun 2020 13:11:50 +0200
Subject: [PATCH] Add youtube css

---
 .../configstore/update-notifier-npm.json      |   2 +-
 files/.config/nitrogen/bg-saved.cfg           |   4 +-
 files/.config/nitrogen/nitrogen.cfg           |   4 +-
 files/.xmonad/.stack-work/stack.sqlite3       | Bin 327680 -> 327680 bytes
 files/.xmonad/lib/Config.hs                   |   3 +-
 files/youtube_gruvbox.css                     | 142 ++++++++++++++++++
 6 files changed, 149 insertions(+), 6 deletions(-)
 create mode 100644 files/youtube_gruvbox.css

diff --git a/files/.config/configstore/update-notifier-npm.json b/files/.config/configstore/update-notifier-npm.json
index df0ee97..f3173de 100644
--- a/files/.config/configstore/update-notifier-npm.json
+++ b/files/.config/configstore/update-notifier-npm.json
@@ -1,4 +1,4 @@
 {
 	"optOut": false,
-	"lastUpdateCheck": 1591876593097
+	"lastUpdateCheck": 1591971363597
 }
\ No newline at end of file
diff --git a/files/.config/nitrogen/bg-saved.cfg b/files/.config/nitrogen/bg-saved.cfg
index 88943f7..ff222a7 100644
--- a/files/.config/nitrogen/bg-saved.cfg
+++ b/files/.config/nitrogen/bg-saved.cfg
@@ -4,11 +4,11 @@ mode=5
 bgcolor=#000000
 
 [xin_0]
-file=/home/leon/Bilder/wallpapers/green_leaves.jpg
+file=/home/leon/Bilder/wallpapers/ocean.png
 mode=5
 bgcolor=#000000
 
 [xin_1]
-file=/home/leon/Bilder/wallpapers/green_leaves.jpg
+file=/home/leon/Bilder/wallpapers/tannen.jpg
 mode=5
 bgcolor=#000000
diff --git a/files/.config/nitrogen/nitrogen.cfg b/files/.config/nitrogen/nitrogen.cfg
index a6094df..559b05f 100644
--- a/files/.config/nitrogen/nitrogen.cfg
+++ b/files/.config/nitrogen/nitrogen.cfg
@@ -1,8 +1,8 @@
 [geometry]
 posx=20
 posy=1130
-sizex=763
-sizey=862
+sizex=2518
+sizey=1368
 
 [nitrogen]
 view=icon
diff --git a/files/.xmonad/.stack-work/stack.sqlite3 b/files/.xmonad/.stack-work/stack.sqlite3
index 6883be0f27d998043033b42abe519a984a29dcb4..05ad94b22add69baed68d293a0e25c7bc817db6e 100644
GIT binary patch
delta 31
ncmZo@5NT)-nIO&hVxo*Q<BP_G)&$1Z1g6#m=B)`V3;qKDw<`<e

delta 31
ncmZo@5NT)-nIO%0Z=#Gd<Gsd&)&$1Z1g6#m=B)`V3;qKDwWSNt

diff --git a/files/.xmonad/lib/Config.hs b/files/.xmonad/lib/Config.hs
index a2718d3..83fac43 100644
--- a/files/.xmonad/lib/Config.hs
+++ b/files/.xmonad/lib/Config.hs
@@ -500,7 +500,8 @@ main = do
         , logHook            = mconcat [ polybarLogHooks, Ewmh.ewmhDesktopsLogHook, logHook Desktop.desktopConfig, logHook def]
         , startupHook        = mconcat [ myStartupHook, Ewmh.ewmhDesktopsStartup, return () >> checkKeymap myConfig myKeys]
         , manageHook         = mconcat [ manageSpawn, myManageHook, manageHook def]
-        , focusedBorderColor = aqua
+        --, focusedBorderColor = aqua
+        , focusedBorderColor = "#427b58"
         , normalBorderColor  = "#282828"
         , handleEventHook    = mconcat [ mySwallowEventHook
                                        , activateWindowEventHook
diff --git a/files/youtube_gruvbox.css b/files/youtube_gruvbox.css
new file mode 100644
index 0000000..85303b7
--- /dev/null
+++ b/files/youtube_gruvbox.css
@@ -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);
+        }
+    }
+}
+