diff --git a/src/css/dark_theme.css b/src/css/dark_theme.css index 960b34f..8112f8f 100644 --- a/src/css/dark_theme.css +++ b/src/css/dark_theme.css @@ -26,6 +26,15 @@ h2 { .li-h3 { text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5); } +.titlefont { + color: rgb(241, 241, 241); +} +.metafont { + color: rgb(170, 170, 170); +} +.overlayfont { + color: rgb(255, 255, 255); +} @@ -68,136 +77,15 @@ h2 { box-shadow: 5px 5px rgb(5, 5, 5); } -/* CORE - ELEMENTS BOX */ -.tube-helper-element-box { - border: 2px solid rgb(64, 64, 64); - box-shadow: 5px 5px rgb(5, 5, 5); - background-color: rgb(32, 32, 32); -} -.tube-helper-subtext { - color: rgb(170, 170, 170); -} - -/* VIDEO PLAYER - SIDEBAR - ELEMENT ITEM PROPERTIES */ -.sidebar-item { - border: 2px solid rgb(64, 64, 64); - box-shadow: 5px 5px rgb(5, 5, 5); - background-color: rgb(32, 32, 32); -} - -/* VIDEO PLAYER - SIDEBAR - THUMBNAIL OVERLAY PROPERTIES */ -.sidebar-thumbnail-overlay div div { - background-color: rgba(0, 0, 0, 0.8); -} -.sidebar-thumbnail-overlay div div p { - color: rgb(255, 255, 255); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - TITLE PROPERTIES */ -.sidebar-details-title { - color: rgb(241, 241, 241); -} -.sidebar-details-title p { - color: rgb(241, 241, 241); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - CHANNEL NAME PROPERTIES */ -.sidebar-details-channel div div div p { - color: rgb(170, 170, 170); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - METADATA PROPERTIES */ -.sidebar-details-stats p { - color: rgb(170, 170, 170); -} - - - - -/* CHANNELS - CHANNEL VIDEOS - ELEMENT ITEM PROPERTIES */ -.channel-videos-item { - border: 2px solid rgb(64, 64, 64); - box-shadow: 5px 5px rgb(5, 5, 5); - background-color: rgb(32, 32, 32); -} - -/* CHANNELS - CHANNEL VIDEOS - THUMBNAIL OVERLAY PROPERTIES */ -.channel-videos-thumbnail-overlay div div { - background-color: rgba(0, 0, 0, 0.8); -} -.channel-videos-thumbnail-overlay div div p { - color: rgb(255, 255, 255); -} - -/* CHANNELS - CHANNEL VIDEOS - DETAILS - TITLE PROPERTIES */ -.channel-videos-details-title { - color: rgb(241, 241, 241); -} -.channel-videos-details-title p { - color: rgb(241, 241, 241); -} - -/* CHANNELS - CHANNEL VIDEOS - DETAILS - METADATA PROPERTIES */ -.channel-videos-details-meta div div p { - color: rgb(170, 170, 170); -} - - - -/* CHANNELS - CHANNEL VIDEOS - ELEMENT ITEM PROPERTIES */ - - -/* CHANNELS - CHANNEL VIDEOS - THUMBNAIL OVERLAY PROPERTIES */ - -.channel-for-you-thumbnail-overlay div div p { - color: rgb(255, 255, 255); -} - -/* CHANNELS - CHANNEL VIDEOS - DETAILS - TITLE PROPERTIES */ -.channel-for-you-details-title { - color: rgb(241, 241, 241); -} -.channel-for-you-details-title p { - color: rgb(241, 241, 241); -} - -/* CHANNELS - CHANNEL VIDEOS - DETAILS - METADATA PROPERTIES */ -.channel-for-you-details-meta div div p { - color: rgb(170, 170, 170); -} - - - - - - -/* CHANNELS - CHANNEL FEATURED - ELEMENT ITEM PROPERTIES */ -.channel-featured-item { +/* CORE - ELEMENTS BOX */ +.tube-helper-element-box { border: 2px solid rgb(64, 64, 64); box-shadow: 5px 5px rgb(5, 5, 5); background-color: rgb(32, 32, 32); } - -/* CHANNELS - CHANNEL FEATURED - THUMBNAIL OVERLAY PROPERTIES */ -.channel-featured-thumbnail-overlay div div { - background-color: rgba(0, 0, 0, 0.8); -} -.channel-featured-thumbnail-overlay div div p { - color: rgb(255, 255, 255); -} - -/* CHANNELS - CHANNEL FEATURED - DETAILS - TITLE PROPERTIES */ -.channel-featured-details-title { - color: rgb(241, 241, 241); -} -.channel-featured-details-title p { - color: rgb(241, 241, 241); -} - -/* CHANNELS - CHANNEL FEATURED - DETAILS - METADATA PROPERTIES */ -.channel-featured-details-meta div div p { +.tube-helper-subtext { color: rgb(170, 170, 170); } \ No newline at end of file diff --git a/src/css/light_theme.css b/src/css/light_theme.css index 4642eac..f15c785 100644 --- a/src/css/light_theme.css +++ b/src/css/light_theme.css @@ -27,7 +27,15 @@ h2 { .li-h3 { text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.4); } - +.titlefont { + color: rgb(75, 75, 75); +} +.metafont { + color: rgb(125, 125, 125); +} +.overlayfont { + color: rgb(255, 255, 255); +} @@ -68,7 +76,6 @@ h2 { - /* CORE - MESSAGE BOX PROPERTIES */ .message-box { box-shadow: 5px 5px rgb(200, 200, 200); @@ -77,40 +84,12 @@ h2 { - -/* VIDEO PLAYER - SIDEBAR - ELEMENT ITEM PROPERTIES */ -.sidebar-item { +/* CORE - ELEMENTS BOX */ +.tube-helper-element-box { border: 2px solid rgb(175, 175, 175); box-shadow: 5px 5px rgb(200, 200, 200); background-color: rgb(210, 210, 210); } - -/* VIDEO PLAYER - SIDEBAR - THUMBNAIL OVERLAY PROPERTIES */ -.sidebar-thumbnail-overlay div div { - background-color: rgba(0, 0, 0, 0.8); -} -.sidebar-thumbnail-overlay div div p { - color: rgb(255, 255, 255); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - TITLE PROPERTIES */ -.sidebar-details-title { - color: rgb(75, 75, 75); -} -.sidebar-details-title p { - color: rgb(0, 0, 0); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - CHANNEL NAME PROPERTIES */ -.sidebar-details-channel div div div p { - color: rgb(125, 125, 125); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - METADATA PROPERTIES */ -.sidebar-details-stats p { - color: rgb(125, 125, 125); -} - -.end-screen-video-group div img { - box-shadow: 5px 5px rgb(200, 200, 200); +.tube-helper-subtext { + color: rgb(170, 170, 170); } \ No newline at end of file diff --git a/src/tube_helper_dark_channels.html b/src/tube_helper_dark_channels.html index 0d55352..e58cdcf 100644 --- a/src/tube_helper_dark_channels.html +++ b/src/tube_helper_dark_channels.html @@ -145,7 +145,7 @@

-

+

18:34

@@ -156,12 +156,12 @@