Skip to content

Switcher for DeepDark Themes by senestro88

Details

Authorsenestro88

LicenseNo License

CategoryYoutube

Created

Updated

Size22 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Youtube deepDark Themes

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name Switcher for DeepDark Themes
@namespace github.com/RaitaroH/Import-All-Deepdark-DeepDark
@homepageURL https://github.com/RaitaroH/Import-All-Deepdark-DeepDark
@version 2.0.2
@description Change the colors for all DeepDark themes fast
@author RaitaroH
@license GNU-V3.0

@preprocessor stylus

@var select stylus-deepdark-style "Preset themes" [
	"Deep-Dark",
	"Inspired-Dark",
	"Breeze-Dark",
	"Breeze-Light",
	"HavocOS",
	"Arc-Dark",
	"Vertex-Dark",
	"Dracula",
	"Mint-Y-Dark",
	"Adapta-Nokto",
	"Adapta-Breath-Nokto",
	"Adapta-Light",
	"Adapta-Breath-Light",
	"Gruvbox-Dark",
	"Gruvbox-Light",
	"NierAutomata-Dark",
	"NierAutomata-Light",
	"Solarized-Dark",
	"Solarized-Light",
	"9anime",
	"Firefox-Dark",
	"Firefox-57",
	"Firefox-Dark-91",
	"Firefox-Alpenglow-Dark",
	"Discord",
	"YouTube-Dark",
	"Black-and-White",
	"Yellow",
	"Yellow-2",
	"Ubuntu-Grey",
	"Ubuntu-Purple",
	"Orange",
	"Jisho",
	"Custom"
]
@var select colorRGB "Custom RGB color" [
	"Default",
	"Solarized",
	"Gruvbox_Dark",
	"Gruvbox_Dark_Intense",
	"Gruvbox_Light",
	"Gruvbox_Light_Intense",
	"Dracula",
	"Custom"
]

@var color mainColor "Custom main color" "#367bf0"
@var color mainBackground "Custom main background" "#22242d"
@var color secondBackground "Custom second background" "#242730"
@var color hoverBackground "Custom hover background" "#4e5467"
@var color mainText "Custom main text" "#eee"
@var color dimmerText "Custom second text" "#ccc"
@var color colorShadow "Custom shadow color" "rgba(56, 60, 74, .3)"
@var color colorRed "Custom red color" "#ff6666"
@var color colorYellow "Custom yellow color" "#ffb266"
@var color colorOrange "Custom orange color" "#f79a63"
@var color colorGreen "Custom green color" "#27ae60"
@var color colorCyan "Custom cyan color" "#1abc9c"
@var color colorBlue "Custom blue color" "#2980b9"
@var color colorPurple "Custom purple color" "#60459f"
@var color colorPink "Custom pink color" "#fe9ead"
@var color colorGray "Custom gray color" "#c3c3c3"

==/UserStyle== */

@-moz-document regexp("https?://.*"), regexp("http?://.*"), regexp("moz-extension://.*"), regexp("chrome-extension://.*") {

/*Theme made by RaitaroH @https://gitlab.com/RaitaroH*/

/*GNU General Public License v3.0*/

	/*Main color variables*/
	:root
	{
		if stylus-deepdark-style == "Deep-Dark" {
			--main-color: #00adee !important;
			--main-background: #111 !important;
			--second-background: #181818 !important;
			--hover-background: #232323 !important;
			--main-text: #eff0f1 !important;
			--dimmer-text: #ccc !important;
			--editor-background: #181818 !important;
			--select-background: #232323 !important;
			--shadow: 0 1px 0.5px rgba(0, 0, 0, .3) !important;
			--even-entry-background: rgba(0, 0, 0, .6) !important;
		}
		else if stylus-deepdark-style == "Inspired-Dark" {
			--main-color: #5e8acc !important;
			--main-background: #232629 !important;
			--second-background: #181818 !important;
			--hover-background: #515254 !important;
			--main-text: #eee !important;
			--dimmer-text: #ccc !important;
			--editor-background: #181818 !important;
			--select-background: #232323 !important;
			--shadow: 0 1px 0.5px rgba(0, 0, 0, .13) !important;
			--even-entry-background: rgba(0, 0, 0, .16) !important;
		}
		else if stylus-deepdark-style == "Breeze-Dark" {
			--main-color: #3daee9 !important;
			--main-background: #232629 !important;
			--second-background: #2a2e32 !important;
			--hover-background: #31363b !important;
			--main-text: #eff0f1 !important;
			--dimmer-text: #bdc3c7 !important;
			--editor-background: #2a2e32 !important;
			--select-background: #31363b !important;
			--shadow: 0 1px 0.5px rgba(0, 0, 0, .13) !important;
			--even-entry-background: rgba(0, 0, 0, .16) !important;
		}
		else if stylus-deepdark-style == "Breeze-Light" {
			--main-color: #3daee9 !important;
			--main-background: #eff0f1 !important;
			--second-background: #fcfcfc !important;
			--hover-background: #dcdee0 !important;
			--main-text: #2a2e32 !important;
			--dimmer-text: #31363b !important;
			--editor-background: #fcfcfc !important;
			--select-background: #dcdee0 !important;
			--shadow: 0 1px 0.5px rgba(0, 0, 0, .13) !important;
			--even-entry-background: rgba(0, 0, 0, .16) !important;
		}
		else if stylus-deepdark-style == "Vertex-Dark" {
			--main-color: #4080fb !important;
			--main-background: #2b2b2c !important;
			--second-background: #353638 !important;
			--hover-background: #515254 !important;
			--main-text: #f3f3f5 !important;
			--dimmer-text: #aeafb0 !important;
			--editor-background: #2b2b2c !important;
			--select-background: #515254 !important;
			--shadow: 0 1px 0.5px rgba(0, 0, 0, .13) !important;
			--even-entry-background: rgba(0, 0, 0, .2) !important;
		}
		else if stylus-deepdark-style == "Arc-Dark" {
			--main-color: #5294e2 !important;
			--main-background: #343944 !important;
			--second-background: #383c4a !important;
			--hover-background: #414a59 !important;
			--main-text: #c1c8d1 !important;
			--dimmer-text: #b3bac5 !important;
			--editor-background: #343944 !important;
			--select-background: #414a59 !important;
			--shadow: 0 1px 0.5px rgba(0, 0, 0, .13) !important;
			--even-entry-background: rgba(0, 0, 0, .16) !important;
		}
		else if stylus-deepdark-style == "Dracula" {
			--main-color: #bd93f9 !important;                      /*Purple*/
			--main-background: hsl(231, 15%, 18%) !important;      /*Background*/
			--second-background: hsl(231, 15%, 22%) !important;    /*Manually generated from Background*/
			--hover-background: #44475a !important;                /*Selection*/
			--main-text:#f8f8f2 !important;                        /*Foreground*/
			--dimmer-text: #bcc2cd !important;                     /*From .app-title https://draculatheme.com/*/
			--editor-background: hsl(231, 15%, 18%) !important;
			--select-background: #44475a !important;
			--shadow: 0 1px 0.5px rgba(0, 0, 0, .15) !important;
			--even-entry-background: rgba(47, 49, 54, .49) !important;
		}
		else if stylus-deepdark-style == "Firefox-Dark" {
			--main-color: #5675b9 !important;
			--main-background: #272b35 !important;
			--second-background: #181d20 !important;
			--hover-background: #353a44 !important;
			--main-text: #e3eef9 !important;
			--dimmer-text: #bec0cc !important;
			--editor-background: #181d20 !important;
			--select-background: #353a44 !important;
			--shadow: 0 1px 0.5px rgba(0, 0, 0, .13) !important;
			--even-entry-background: rgba(0, 0, 0, .16) !important;
		}
		else if stylus-deepdark-style == "Firefox-57" {
			--main-color: #4080fb !important;
			--main-background: #0c0c0d !important;
			--second-background: #252526 !important;
			--hover-background: #323234 !important;
			--main-text: #f9f9fa !important;
			--dimmer-text: #d0d0d0 !important;
			--editor-background: #252526 !important;
			--select-background: #323234 !important;
			--shadow: 0 1px 0.5px rgba(54, 54, 54, .2) !important;
			--even-entry-background: rgba(54, 54, 54, .4) !important;
		}
		else if stylus-deepdark-style == "Firefox-Dark-91" {
			--main-color: #00ddff !important;
			--main-background: #1c1b22 !important;
			--second-background: #23222b !important;
			--hover-background: #2b2a33 !important;
			--main-text: #fbfbfe !important;
			--dimmer-text: #b8b7bb !important;
			--editor-background: #23222b !important;
			--select-background: #2b2a33 !important;
			--shadow: 0 1px 0.5px rgba(0, 0, 0, .13) !important;
			--even-entry-background: rgba(54, 54, 54, .4) !important;
		}
		else if stylus-deepdark-style == "Firefox-Alpenglow-Dark" {
			--main-color: #C488FC !important;
			--main-background: #21133d !important;
			--second-background: #2a1e52 !important;
			--hover-background: #2d245b !important;
			--main-text: #ffffff !important;
			--dimmer-text: #E3DBFA !important;
			--editor-background: #2a1e52 !important;
			--select-background: #2d245b !important;
			--even-entry-background: rgba(35, 22, 65, .2) !important;
			--shadow: 0 1px .5px rgba(35, 22, 65, .5) !important;
		}
		else if stylus-deepdark-style ==  "Discord" {
			--main-color: #7289da !important;
			--main-background: #1e2124 !important;
			--second-background: #2f3136 !important;
			--hover-background: #484b51 !important;
			--main-text: #fff !important;
			--dimmer-text: #ada8aa !important;
			--editor-background: #2f3136 !important;
			--select-background: #484b51 !important;
			--shadow: 0 1px 0.5px rgba(47, 49, 54, .23) !important;
			--even-entry-background: rgba(47, 49, 54, .49) !important;
		}
		else if stylus-deepdark-style == "YouTube-Dark" {
			--main-color: #e52117 !important;
			--main-background: #111 !important;
			--second-background: #232323 !important;
			--hover-background: #343434 !important;
			--main-text: #e1e1e1 !important;
			--dimmer-text: #7f7f7f !important;
			--editor-background: #111 !important;
			--select-background: #343434 !important;
			--shadow: 0 1px 0.5px rgba(54, 54, 54, .2) !important;
			--even-entry-background: rgba(54, 54, 54, .4) !important;
		}
		else if stylus-deepdark-style == "Mint-Y-Dark" {
			--main-color: #9ab87c !important;
			--main-background: #2f2f2f !important;
			--second-background: #383838 !important;
			--hover-background: #404040 !important;
			--main-text: #fff !important;
			--dimmer-text: #d5dada !important;
			--editor-background: #2f2f2f !important;
			--select-background: #404040 !important;
			--shadow: 0 1px 0.5px rgba(0, 0, 0, .13) !important;
			--even-entry-background: rgba(0, 0, 0, .23) !important;
		}
		else if stylus-deepdark-style == "9anime" {
			--main-color: #723f8c !important;
			--main-background: #0b0a0d !important;
			--second-background: #17151c !important;
			--hover-background: #1E1c25 !important;
			--main-text: #f9f6fb !important;
			--dimmer-text: #cac0cf !important;
			--editor-background: #17151c !important;
			--select-background: rgba(180, 180, 180, .1) !important;
			--shadow: 0 1px 0.5px rgba(54, 54, 54, .13) !important;
			--even-entry-background: rgba(54, 54, 54, .36) !important;
...

Reviews

No reviews yet.