diff --git a/src/base.css b/src/base.css index 2a111f4..5a13fc3 100644 --- a/src/base.css +++ b/src/base.css @@ -1,129 +1,152 @@ -:root { - --bg_h: #1d2021 !important; - --bg: #282828 !important; - --bg_s: #32302f !important; - --bg1: #3c3836 !important; - --bg2: #504945 !important; - --bg3: #665c54 !important; - --bg4: #7c6f64 !important; +/* ==UserStyle== +@name Gruvbox Base +@namespace git.m3.fyi/Marsn3 +@version 1.0.0 +@description Base Gruvbox Theme +@author Marsn3 +@homepageURL https://git.m3.fyi/Marsn3/userstyles +@updateURL https://git.m3.fyi/Marsn3/userstyles/~raw/main/src/base.user.css +@license MIT +==/UserStyle== */ +/* AGENT_SHEET */ +@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://), url-prefix(file://), url(about:blank), - --fg: #fbf1c7 !important; - --fg1: #ebdbb2 !important; - --fg2: #d5c4a1 !important; - --fg3: #bdae93 !important; - --fg4: #a89984 !important; +/* Best effort to exclude about pages that conflict with Australis-native styling */ +regexp("about:(?!addons|app-manager|config|customizing|stylish-edit|downloads|permissions|preferences|sync-tabs|webrtc).*") - --red: #fb4934 !important; - --green: #b8bb26 !important; - --yellow: #fabd2f !important; - --blue: #83a598 !important; - --purple: #d3869b !important; - --aqua: #8ec07c !important; - --gray: #928374 !important; - --orange: #fe8019 !important; +/*url-prefix("about:neterror")*/ +/* url-prefix("about:"), */ { + /* + * Drop the below regex, after a comma, just before the opening curly bracket above, to exclude websites from solarization: + * ,regexp("https?://(www\.)?(?!(userstyles\.org|docs\.google|github)\..*).*") + */ + :root { + --bg_h: #1d2021 !important; + --bg: #282828 !important; + --bg_s: #32302f !important; + --bg1: #3c3836 !important; + --bg2: #504945 !important; + --bg3: #665c54 !important; + --bg4: #7c6f64 !important; - --red-dim: #cc2412 !important; - --green-dim: #98971a !important; - --yellow-dim: #d79921 !important; - --blue-dim: #458588 !important; - --purple-dim: #b16286 !important; - --aqua-dim: #689d6a !important; - --gray-dim: #a89984 !important; - --orange-dim: #d65d0e !important; + --fg: #fbf1c7 !important; + --fg1: #ebdbb2 !important; + --fg2: #d5c4a1 !important; + --fg3: #bdae93 !important; + --fg4: #a89984 !important; - --rgb-bg_h: 29 32 33 !important; - --rgb-bg: 40 40 40 !important; - --rgb-bg_s: 50 48 47 !important; - --rgb-bg1: 60 56 54 !important; - --rgb-bg2: 80 73 69 !important; - --rgb-bg3: 102 92 84 !important; - --rgb-bg4: 124 111 100 !important; + --red: #fb4934 !important; + --green: #b8bb26 !important; + --yellow: #fabd2f !important; + --blue: #83a598 !important; + --purple: #d3869b !important; + --aqua: #8ec07c !important; + --gray: #928374 !important; + --orange: #fe8019 !important; - --rgb-fg: 251 241 199 !important; - --rgb-fg1: 235 219 178 !important; - --rgb-fg2: 213 196 161 !important; - --rgb-fg3: 189 174 147 !important; - --rgb-fg4: 168 153 132 !important; + --red-dim: #cc2412 !important; + --green-dim: #98971a !important; + --yellow-dim: #d79921 !important; + --blue-dim: #458588 !important; + --purple-dim: #b16286 !important; + --aqua-dim: #689d6a !important; + --gray-dim: #a89984 !important; + --orange-dim: #d65d0e !important; - --rgb-red: 251 73 52 !important; - --rgb-green: 184 187 38 !important; - --rgb-yellow: 250 189 47 !important; - --rgb-blue: 131 165 152 !important; - --rgb-purple: 211 134 155 !important; - --rgb-aqua: 142 192 124 !important; - --rgb-gray: 146 131 116 !important; - --rgb-orange: 254 128 25 !important; + --rgb-bg_h: 29 32 33 !important; + --rgb-bg: 40 40 40 !important; + --rgb-bg_s: 50 48 47 !important; + --rgb-bg1: 60 56 54 !important; + --rgb-bg2: 80 73 69 !important; + --rgb-bg3: 102 92 84 !important; + --rgb-bg4: 124 111 100 !important; - --rgb-red-dim: 204 36 18 !important; - --rgb-green-dim: 152 151 26 !important; - --rgb-yellow-dim: 215 153 33 !important; - --rgb-blue-dim: 69 133 136 !important; - --rgb-purple-dim: 177 98 134 !important; - --rgb-aqua-dim: 104 157 106 !important; - --rgb-gray-dim: 168 153 132 !important; - --rgb-orange-dim: 214 93 14 !important; + --rgb-fg: 251 241 199 !important; + --rgb-fg1: 235 219 178 !important; + --rgb-fg2: 213 196 161 !important; + --rgb-fg3: 189 174 147 !important; + --rgb-fg4: 168 153 132 !important; - --filter-reset: brightness(0) saturate(100%) !important; - --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg) - brightness(101%) contrast(91%) !important; - --filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg) - brightness(97%) contrast(91%) !important; - --filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg) - brightness(90%) contrast(79%) !important; - --filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg) - brightness(92%) contrast(81%) !important; - --filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg) - brightness(93%) contrast(85%) !important; - --filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg) - brightness(99%) contrast(89%) !important; - --filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg) - brightness(93%) contrast(84%) !important; + --rgb-red: 251 73 52 !important; + --rgb-green: 184 187 38 !important; + --rgb-yellow: 250 189 47 !important; + --rgb-blue: 131 165 152 !important; + --rgb-purple: 211 134 155 !important; + --rgb-aqua: 142 192 124 !important; + --rgb-gray: 146 131 116 !important; + --rgb-orange: 254 128 25 !important; - --filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg) - brightness(108%) contrast(97%) !important; - --filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg) - brightness(95%) contrast(95%) !important; - --filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg) - brightness(88%) contrast(89%) !important; - --filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg) - brightness(85%) contrast(90%) !important; - --filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg) - brightness(85%) contrast(81%) !important; + --rgb-red-dim: 204 36 18 !important; + --rgb-green-dim: 152 151 26 !important; + --rgb-yellow-dim: 215 153 33 !important; + --rgb-blue-dim: 69 133 136 !important; + --rgb-purple-dim: 177 98 134 !important; + --rgb-aqua-dim: 104 157 106 !important; + --rgb-gray-dim: 168 153 132 !important; + --rgb-orange-dim: 214 93 14 !important; - --filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg) - brightness(101%) contrast(97%) !important; - --filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg) - brightness(99%) contrast(85%) !important; - --filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg) - brightness(102%) contrast(96%) !important; - --filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg) - brightness(89%) contrast(90%) !important; - --filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg) - brightness(89%) contrast(84%) !important; - --filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg) - brightness(94%) contrast(91%) !important; - --filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg) - brightness(92%) contrast(87%) !important; - --filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg) - brightness(102%) contrast(99%) !important; + --filter-reset: brightness(0) saturate(100%) !important; + --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg) + brightness(101%) contrast(91%) !important; + --filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg) + brightness(97%) contrast(91%) !important; + --filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg) + brightness(90%) contrast(79%) !important; + --filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg) + brightness(92%) contrast(81%) !important; + --filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg) + brightness(93%) contrast(85%) !important; + --filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg) + brightness(99%) contrast(89%) !important; + --filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg) + brightness(93%) contrast(84%) !important; - --filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg) - brightness(81%) contrast(98%) !important; - --filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg) - brightness(96%) contrast(93%) !important; - --filter-yellow-dim: invert(67%) sepia(94%) saturate(516%) hue-rotate(343deg) - brightness(88%) contrast(90%) !important; - --filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg) - brightness(96%) contrast(91%) !important; - --filter-purple-dim: invert(48%) sepia(12%) saturate(1818%) hue-rotate(280deg) - brightness(91%) contrast(81%) !important; - --filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg) - brightness(98%) contrast(79%) !important; - --filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg) - brightness(82%) contrast(82%) !important; - --filter-orange-dim: invert(37%) sepia(99%) saturate(2942%) hue-rotate(12deg) - brightness(98%) contrast(89%) !important; + --filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg) + brightness(108%) contrast(97%) !important; + --filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg) + brightness(95%) contrast(95%) !important; + --filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg) + brightness(88%) contrast(89%) !important; + --filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg) + brightness(85%) contrast(90%) !important; + --filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg) + brightness(85%) contrast(81%) !important; - --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono", - monospace, emoji !important; + --filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg) + brightness(101%) contrast(97%) !important; + --filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg) + brightness(99%) contrast(85%) !important; + --filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg) + brightness(102%) contrast(96%) !important; + --filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg) + brightness(89%) contrast(90%) !important; + --filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg) + brightness(89%) contrast(84%) !important; + --filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg) + brightness(94%) contrast(91%) !important; + --filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg) + brightness(92%) contrast(87%) !important; + --filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg) + brightness(102%) contrast(99%) !important; + + --filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg) + brightness(81%) contrast(98%) !important; + --filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg) + brightness(96%) contrast(93%) !important; + --filter-yellow-dim: invert(67%) sepia(94%) saturate(516%) + hue-rotate(343deg) brightness(88%) contrast(90%) !important; + --filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg) + brightness(96%) contrast(91%) !important; + --filter-purple-dim: invert(48%) sepia(12%) saturate(1818%) + hue-rotate(280deg) brightness(91%) contrast(81%) !important; + --filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg) + brightness(98%) contrast(79%) !important; + --filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg) + brightness(82%) contrast(82%) !important; + --filter-orange-dim: invert(37%) sepia(99%) saturate(2942%) + hue-rotate(12deg) brightness(98%) contrast(89%) !important; + + --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono", + monospace, emoji !important; + } } diff --git a/src/base.user.css b/src/base.user.css new file mode 100644 index 0000000..39e7439 --- /dev/null +++ b/src/base.user.css @@ -0,0 +1,139 @@ +/* ==UserStyle== +@name Gruvbox Base +@namespace git.m3.fyi/Marsn3 +@version 1.0.0 +@description Base Gruvbox Theme +@author Marsn3 +@homepageURL https://git.m3.fyi/Marsn3/userstyles +@updateURL https://git.m3.fyi/Marsn3/userstyles/~raw/main/src/base.user.css +@license MIT +==/UserStyle== */ +:root { + --bg_h: #1d2021 !important; + --bg: #282828 !important; + --bg_s: #32302f !important; + --bg1: #3c3836 !important; + --bg2: #504945 !important; + --bg3: #665c54 !important; + --bg4: #7c6f64 !important; + + --fg: #fbf1c7 !important; + --fg1: #ebdbb2 !important; + --fg2: #d5c4a1 !important; + --fg3: #bdae93 !important; + --fg4: #a89984 !important; + + --red: #fb4934 !important; + --green: #b8bb26 !important; + --yellow: #fabd2f !important; + --blue: #83a598 !important; + --purple: #d3869b !important; + --aqua: #8ec07c !important; + --gray: #928374 !important; + --orange: #fe8019 !important; + + --red-dim: #cc2412 !important; + --green-dim: #98971a !important; + --yellow-dim: #d79921 !important; + --blue-dim: #458588 !important; + --purple-dim: #b16286 !important; + --aqua-dim: #689d6a !important; + --gray-dim: #a89984 !important; + --orange-dim: #d65d0e !important; + + --rgb-bg_h: 29 32 33 !important; + --rgb-bg: 40 40 40 !important; + --rgb-bg_s: 50 48 47 !important; + --rgb-bg1: 60 56 54 !important; + --rgb-bg2: 80 73 69 !important; + --rgb-bg3: 102 92 84 !important; + --rgb-bg4: 124 111 100 !important; + + --rgb-fg: 251 241 199 !important; + --rgb-fg1: 235 219 178 !important; + --rgb-fg2: 213 196 161 !important; + --rgb-fg3: 189 174 147 !important; + --rgb-fg4: 168 153 132 !important; + + --rgb-red: 251 73 52 !important; + --rgb-green: 184 187 38 !important; + --rgb-yellow: 250 189 47 !important; + --rgb-blue: 131 165 152 !important; + --rgb-purple: 211 134 155 !important; + --rgb-aqua: 142 192 124 !important; + --rgb-gray: 146 131 116 !important; + --rgb-orange: 254 128 25 !important; + + --rgb-red-dim: 204 36 18 !important; + --rgb-green-dim: 152 151 26 !important; + --rgb-yellow-dim: 215 153 33 !important; + --rgb-blue-dim: 69 133 136 !important; + --rgb-purple-dim: 177 98 134 !important; + --rgb-aqua-dim: 104 157 106 !important; + --rgb-gray-dim: 168 153 132 !important; + --rgb-orange-dim: 214 93 14 !important; + + --filter-reset: brightness(0) saturate(100%) !important; + --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg) + brightness(101%) contrast(91%) !important; + --filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg) + brightness(97%) contrast(91%) !important; + --filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg) + brightness(90%) contrast(79%) !important; + --filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg) + brightness(92%) contrast(81%) !important; + --filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg) + brightness(93%) contrast(85%) !important; + --filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg) + brightness(99%) contrast(89%) !important; + --filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg) + brightness(93%) contrast(84%) !important; + + --filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg) + brightness(108%) contrast(97%) !important; + --filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg) + brightness(95%) contrast(95%) !important; + --filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg) + brightness(88%) contrast(89%) !important; + --filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg) + brightness(85%) contrast(90%) !important; + --filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg) + brightness(85%) contrast(81%) !important; + + --filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg) + brightness(101%) contrast(97%) !important; + --filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg) + brightness(99%) contrast(85%) !important; + --filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg) + brightness(102%) contrast(96%) !important; + --filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg) + brightness(89%) contrast(90%) !important; + --filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg) + brightness(89%) contrast(84%) !important; + --filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg) + brightness(94%) contrast(91%) !important; + --filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg) + brightness(92%) contrast(87%) !important; + --filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg) + brightness(102%) contrast(99%) !important; + + --filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg) + brightness(81%) contrast(98%) !important; + --filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg) + brightness(96%) contrast(93%) !important; + --filter-yellow-dim: invert(67%) sepia(94%) saturate(516%) hue-rotate(343deg) + brightness(88%) contrast(90%) !important; + --filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg) + brightness(96%) contrast(91%) !important; + --filter-purple-dim: invert(48%) sepia(12%) saturate(1818%) hue-rotate(280deg) + brightness(91%) contrast(81%) !important; + --filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg) + brightness(98%) contrast(79%) !important; + --filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg) + brightness(82%) contrast(82%) !important; + --filter-orange-dim: invert(37%) sepia(99%) saturate(2942%) hue-rotate(12deg) + brightness(98%) contrast(89%) !important; + + --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono", + monospace, emoji !important; +} diff --git a/src/moodle.user.css b/src/moodle.user.css index 0e18b4d..d7b2d2b 100644 --- a/src/moodle.user.css +++ b/src/moodle.user.css @@ -10,7 +10,6 @@ ==/UserStyle== */ @-moz-document domain("moodle.rbs-ulm.de") { /*~~~~~ Base Colors ~~~~~*/ - @import url("https://git.m3.fyi/Marsn3/userstyles/~raw/main/src/moodle.user.css"); html { --base: var(--bg) !important; --bg-panel: var(--bg1) !important;