Compare commits
No commits in common. "main" and "old" have entirely different histories.
20 changed files with 3124 additions and 355 deletions
21
LICENSE
Normal file
21
LICENSE
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2022 Mars Niermann
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
BIN
README.md
BIN
README.md
Binary file not shown.
21
Readme.md
Normal file
21
Readme.md
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
# Userstyles
|
||||
|
||||
Userstyles to add custom themes to various sites
|
||||
|
||||
## Installation
|
||||
|
||||
| Site | Link |
|
||||
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
||||
| Gruvbox Base | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/base/gruvbox.user.css) |
|
||||
| Nord Base | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/base/nord.user.css) |
|
||||
| Duolingo | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/duolingo.user.css) |
|
||||
| Headscale-UI | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/headscaleui.user.css) |
|
||||
| Keybr | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/keybr.user.css) |
|
||||
| Moodle | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/moodle.user.css) |
|
||||
| OneDev | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/onedev.user.css) |
|
||||
| Paperless | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/paperless.user.css) |
|
||||
| Photopea | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/photopea.user.css) |
|
||||
| Pocketbase | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/pocketbase.user.css) |
|
||||
| Portainer | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/portainer.user.css) |
|
||||
| Proxmox | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/proxmox.user.css) |
|
||||
| SearX/SearXNG | [](https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/searx.user.css) |
|
||||
128
src/base/gruvbox.user.css
Normal file
128
src/base/gruvbox.user.css
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox Base
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.8
|
||||
@description Base Gruvbox Theme
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/base/gruvbox.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
/* AGENT_SHEET */
|
||||
@-moz-document url-prefix(http: //), url-prefix(https://), url-prefix(ftp://), url-prefix(file://), url(about:blank),
|
||||
|
||||
/* 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).*")
|
||||
|
||||
/*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;
|
||||
|
||||
--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;
|
||||
|
||||
--bg-url: url("https://cdn.m3.fyi/bg.jpg") !important;
|
||||
}
|
||||
}
|
||||
147
src/base/nord.user.css
Normal file
147
src/base/nord.user.css
Normal file
|
|
@ -0,0 +1,147 @@
|
|||
/* ==UserStyle==
|
||||
@name Nord Base
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.5
|
||||
@description Base Nord Theme
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/base/nord.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
/* AGENT_SHEET */
|
||||
@-moz-document url-prefix(http: //), url-prefix(https://), url-prefix(ftp://), url-prefix(file://), url(about:blank),
|
||||
|
||||
/* 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).*")
|
||||
|
||||
/*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 {
|
||||
/*!Hex Colors*/
|
||||
/*?Background Colors*/
|
||||
--bg_h: #2e3440 !important;
|
||||
--bg: #2e3440 !important;
|
||||
--bg_s: #2e3440 !important;
|
||||
--bg1: #3b4252 !important;
|
||||
--bg2: #3b4252 !important;
|
||||
--bg3: #434c5e !important;
|
||||
--bg4: #4c566a !important;
|
||||
|
||||
/*?Foreground Colors*/
|
||||
--fg: #eceff4 !important;
|
||||
--fg1: #e5e9f0 !important;
|
||||
--fg2: #d8dee9 !important;
|
||||
--fg3: #88c0d0 !important;
|
||||
--fg4: #88c0d0 !important;
|
||||
|
||||
/*?Primary Colors*/
|
||||
--red: #bf616a !important;
|
||||
--orange: #d08770 !important;
|
||||
--yellow: #ebcb8b !important;
|
||||
--green: #a3be8c !important;
|
||||
--purple: #b48ead !important;
|
||||
--blue: #81a1c1 !important;
|
||||
--aqua: #8fbcbb !important;
|
||||
--gray: #4c566a !important;
|
||||
|
||||
/*?Secondary Colors*/
|
||||
--red-dim: #bf616a !important;
|
||||
--orange-dim: #d08770 !important;
|
||||
--yellow-dim: #ebcb8b !important;
|
||||
--green-dim: #a3be8c !important;
|
||||
--purple-dim: #b48ead !important;
|
||||
--blue-dim: #5e81ac !important;
|
||||
--aqua-dim: #8fbcbb !important;
|
||||
--gray-dim: #4c566a !important;
|
||||
|
||||
/*!RGB Colors*/
|
||||
/*?Background Colors*/
|
||||
--rgb-bg_h: 46 52 64 !important;
|
||||
--rgb-bg: 46 52 64 !important;
|
||||
--rgb-bg_s: 46 52 64 !important;
|
||||
--rgb-bg1: 59 66 82 !important;
|
||||
--rgb-bg2: 59 66 82 !important;
|
||||
--rgb-bg3: 67 76 94 !important;
|
||||
--rgb-bg4: 76 86 106 !important;
|
||||
|
||||
/*?Foreground Colors*/
|
||||
--rgb-fg: 236 239 244 !important;
|
||||
--rgb-fg1: 229 233 240 !important;
|
||||
--rgb-fg2: 216 222 233 !important;
|
||||
--rgb-fg3: 136 192 208 !important;
|
||||
--rgb-fg4: 136 192 208 !important;
|
||||
|
||||
/*?Primary Colors*/
|
||||
--rgb-red: 191 97 106 !important;
|
||||
--rgb-green: 208 135 112 !important;
|
||||
--rgb-yellow: 235 203 139 !important;
|
||||
--rgb-blue: 163 190 140 !important;
|
||||
--rgb-purple: 180 142 173 !important;
|
||||
--rgb-aqua: 129 161 193 !important;
|
||||
--rgb-gray: 143 188 187 !important;
|
||||
--rgb-orange: 76 86 106 !important;
|
||||
|
||||
/*?Secondary Colors*/
|
||||
--rgb-red-dim: 191 97 106 !important;
|
||||
--rgb-green-dim: 208 135 112 !important;
|
||||
--rgb-yellow-dim: 235 203 139 !important;
|
||||
--rgb-blue-dim: 6163 190 140 !important;
|
||||
--rgb-purple-dim: 180 142 173 !important;
|
||||
--rgb-aqua-dim: 94 129 172 !important;
|
||||
--rgb-gray-dim: 143 188 187 !important;
|
||||
--rgb-orange-dim: 76 86 106 !important;
|
||||
|
||||
/*!CSS Filters*/
|
||||
--filter-reset: brightness(0) saturate(100%) !important;
|
||||
/*TODO: Add monochrome color filter for images with bg*/
|
||||
|
||||
/*?Background Colors*/
|
||||
--filter-bg_h: invert(17%) sepia(12%) saturate(1017%) hue-rotate(182deg) brightness(97%) contrast(89%) !important;
|
||||
--filter-bg: invert(17%) sepia(12%) saturate(1017%) hue-rotate(182deg) brightness(97%) contrast(89%) !important;
|
||||
--filter-bg_s: invert(17%) sepia(12%) saturate(1017%) hue-rotate(182deg) brightness(97%) contrast(89%) !important;
|
||||
--filter-bg1: invert(19%) sepia(24%) saturate(531%) hue-rotate(183deg) brightness(106%) contrast(85%) !important;
|
||||
--filter-bg2: invert(19%) sepia(24%) saturate(531%) hue-rotate(183deg) brightness(106%) contrast(85%) !important;
|
||||
--filter-bg3: invert(25%) sepia(29%) saturate(415%) hue-rotate(182deg) brightness(100%) contrast(86%) !important;
|
||||
--filter-bg4: invert(30%) sepia(22%) saturate(520%) hue-rotate(182deg) brightness(98%) contrast(85%) !important;
|
||||
|
||||
/*?Foreground Colors*/
|
||||
--filter-fg: invert(99%) sepia(14%) saturate(864%) hue-rotate(176deg) brightness(97%) contrast(98%) !important;
|
||||
--filter-fg1: invert(95%) sepia(5%) saturate(238%) hue-rotate(181deg) brightness(100%) contrast(90%) !important;
|
||||
--filter-fg2: invert(93%) sepia(9%) saturate(330%) hue-rotate(188deg) brightness(96%) contrast(91%) !important;
|
||||
--filter-fg3: invert(78%) sepia(21%) saturate(488%) hue-rotate(147deg) brightness(90%) contrast(92%) !important;
|
||||
--filter-fg4: invert(78%) sepia(21%) saturate(488%) hue-rotate(147deg) brightness(90%) contrast(92%) !important;
|
||||
|
||||
/*?Primary Colors*/
|
||||
--filter-red: invert(45%) sepia(39%) saturate(767%) hue-rotate(305deg) brightness(93%) contrast(76%) !important;
|
||||
--filter-green: invert(81%) sepia(23%) saturate(429%) hue-rotate(49deg) brightness(90%) contrast(79%) !important;
|
||||
--filter-yellow: invert(71%) sepia(53%) saturate(248%) hue-rotate(2deg) brightness(105%) contrast(95%) !important;
|
||||
--filter-blue: invert(69%) sepia(65%) saturate(213%) hue-rotate(173deg) brightness(81%) contrast(84%) !important;
|
||||
--filter-purple: invert(65%) sepia(16%) saturate(514%) hue-rotate(259deg) brightness(90%) contrast(91%) !important;
|
||||
--filter-aqua: invert(70%) sepia(8%) saturate(848%) hue-rotate(130deg) brightness(100%) contrast(94%) !important;
|
||||
--filter-gray: invert(31%) sepia(12%) saturate(839%) hue-rotate(182deg) brightness(98%) contrast(90%) !important;
|
||||
--filter-orange: invert(68%) sepia(16%) saturate(1150%) hue-rotate(327deg) brightness(85%) contrast(90%) !important;
|
||||
|
||||
/*?Secondary Colors*/
|
||||
--filter-red-dim: invert(45%) sepia(39%) saturate(767%) hue-rotate(305deg) brightness(93%) contrast(76%) !important;
|
||||
--filter-green-dim: invert(81%) sepia(23%) saturate(429%) hue-rotate(49deg) brightness(90%) contrast(79%) !important;
|
||||
--filter-yellow-dim: invert(71%) sepia(53%) saturate(248%) hue-rotate(2deg) brightness(105%) contrast(95%) !important;
|
||||
--filter-blue-dim: invert(54%) sepia(17%) saturate(1029%) hue-rotate(173deg) brightness(87%) contrast(88%) !important;
|
||||
--filter-purple-dim: invert(65%) sepia(16%) saturate(514%) hue-rotate(259deg) brightness(90%) contrast(91%) !important;
|
||||
--filter-aqua-dim: invert(70%) sepia(8%) saturate(848%) hue-rotate(130deg) brightness(100%) contrast(94%) !important;
|
||||
--filter-gray-dim: : invert(31%) sepia(12%) saturate(839%) hue-rotate(182deg) brightness(98%) contrast(90%) !important;
|
||||
--filter-orange-dim: invert(68%) sepia(16%) saturate(1150%) hue-rotate(327deg) brightness(85%) contrast(90%) !important;
|
||||
|
||||
/*!Global Font Setings*/
|
||||
--monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
|
||||
monospace, emoji !important;
|
||||
|
||||
/*!Background Image*/
|
||||
--bg-url: url("https://cdn.m3.fyi/bg.jpg") !important;
|
||||
}
|
||||
}
|
||||
91
src/sites/duolingo.user.css
Normal file
91
src/sites/duolingo.user.css
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Duolingo
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.2
|
||||
@description Gruvbox Theme for Duolingo
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/duolingo.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document domain("duolingo.com") {
|
||||
|
||||
/*~~~~~ Base Colors ~~~~~*/
|
||||
:root {
|
||||
--color-snow: var(--rgb-bg);
|
||||
--color-eel: var(--rgb-fg);
|
||||
--color-wolf: var(--rgb-fg2);
|
||||
--color-hare: var(--rgb-fg1);
|
||||
--color-black-text: var(--rgb-fg);
|
||||
--color-swan: var(--rgb-bg4);
|
||||
--color-polar: var(--rgb-fg3);
|
||||
--color-gray-border: var(--rgb-fg4);
|
||||
|
||||
--color-owl-always-light: var(--rgb-green);
|
||||
--color-owl: var(--rgb-green);
|
||||
--color-beetle-always-light: var(--rgb-purple-dim);
|
||||
--color-beetle: var(--rgb-purple-dim);
|
||||
--color-bee-always-light: var(--rgb-yellow);
|
||||
--color-bee: var(--rgb-yellow);
|
||||
--color-dragon-always-light: var(--rgb-purple-dim);
|
||||
--color-dragon: var(--rgb-purple-dim);
|
||||
--color-peacock-always-light: var(--rgb-aqua);
|
||||
--color-peacock: var(--rgb-aqua);
|
||||
--color-macaw-always-light: var(--rgb-blue);
|
||||
--color-macaw: var(--rgb-blue);
|
||||
--color-starfish-always-light: var(--rgb-purple);
|
||||
--color-starfish: var(--rgb-purple);
|
||||
--color-fox-always-light: var(--rgb-orange);
|
||||
--color-fox: var(--rgb-orange);
|
||||
--color-cardinal-always-light: var(--rgb-red);
|
||||
--color-cardinal: var(--rgb-red);
|
||||
--color-grizzly-always-light: var(--rgb-gray-dim);
|
||||
--color-grizzly: var(--rgb-gray-dim);
|
||||
--color-cosmos: var(--rgb-blue);
|
||||
--color-nebula: var(--rgb-blue-dim);
|
||||
--color-iguana: var(--rgb-aqua);
|
||||
--color-blue-jay: var(--rgb-aqua-dim);
|
||||
--color-iguana: var(--rgb-aqua);
|
||||
--color-whale: var(--rgb-blue);
|
||||
--color-tree-frog: var(--rgb-green-dim);
|
||||
--color-sea-sponge: var(--rgb-green);
|
||||
--color-blue: var(--rgb-blue);
|
||||
}
|
||||
|
||||
._2-Cde ._1lJDk {
|
||||
color: var(--rgb-fg);
|
||||
}
|
||||
|
||||
/*Logo*/
|
||||
._2Wzh_,
|
||||
._2BGPP {
|
||||
filter: var(--filter-reset) var(--filter-green);
|
||||
}
|
||||
|
||||
/*Lock icon*/
|
||||
._1reas {
|
||||
filter: var(--filter-reset) var(--filter-fg3);
|
||||
}
|
||||
|
||||
/*Up-Arrow*/
|
||||
.fs2FI {
|
||||
filter: var(--filter-reset) var(--filter-blue);
|
||||
}
|
||||
|
||||
/*Close & Back Button*/
|
||||
._2F37r,
|
||||
._2sPx0 {
|
||||
filter: brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(442%) hue-rotate(349deg) brightness(88%) contrast(88%);
|
||||
}
|
||||
|
||||
._2Yfwa {
|
||||
filter: brightness(0) saturate(100%) invert(70%) sepia(16%) saturate(419%) hue-rotate(105deg) brightness(89%) contrast(80%);
|
||||
}
|
||||
|
||||
/*Hide Ads*/
|
||||
.Ekspr,
|
||||
._3bfsh {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
26
src/sites/github.user.css
Normal file
26
src/sites/github.user.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Github
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.2
|
||||
@description A dark Theme for Gubmlz
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/github.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document domain("github.com") {
|
||||
|
||||
[data-color-mode="light"][data-light-theme="light"],
|
||||
[data-color-mode="dark"][data-dark-theme="light"],
|
||||
[data-color-mode="light"][data-light-theme="dark"],
|
||||
[data-color-mode="dark"][data-dark-theme="dark"],
|
||||
[data-color-mode="light"][data-light-theme="dark_high_contrast"],
|
||||
[data-color-mode="dark"][data-dark-theme="dark_high_contrast"],
|
||||
[data-color-mode="light"][data-light-theme="dark_dimmed"],
|
||||
[data-color-mode="dark"][data-dark-theme="dark_dimmed"],
|
||||
[data-color-mode="auto"][data-light-theme*="light"],
|
||||
[data-color-mode="auto"][data-light-theme*="dark"] {
|
||||
--color-header-bg: var(--bg4);
|
||||
}
|
||||
}
|
||||
253
src/sites/headscaleui.user.css
Normal file
253
src/sites/headscaleui.user.css
Normal file
|
|
@ -0,0 +1,253 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Headscale-UI
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.3
|
||||
@description A dark Theme for Headscale-UI
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/headscaleui.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document domain("vpn.m3.fyi") {
|
||||
.modal-trigger {
|
||||
color: var(--yellow);
|
||||
}
|
||||
|
||||
img[src="static/img/headscale3-dots.png"] {
|
||||
filter: invert(100%) sepia(100%);
|
||||
-webkit-filter: invert(100%) sepia(100%);
|
||||
}
|
||||
|
||||
.red.darken-1 {
|
||||
background-color: var(--bg3) !important;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg);
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.modal,
|
||||
.card {
|
||||
background-color: var(--bg1);
|
||||
}
|
||||
|
||||
.modal .modal-close {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
background-color: var(--bg_h) !important;
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.collection.with-header .collection-header,
|
||||
.collapsible-header,
|
||||
.collection .collection-item {
|
||||
background-color: var(--bg1);
|
||||
border-bottom: 1px solid var(--bg3);
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.collection {
|
||||
border: 1px solid var(--bg3);
|
||||
}
|
||||
|
||||
tr:hover {
|
||||
background-color: var(--bg4) !important;
|
||||
}
|
||||
|
||||
.btn,
|
||||
.btn-small,
|
||||
.btn-large {
|
||||
color: var(--fg);
|
||||
background-color: var(--green);
|
||||
}
|
||||
|
||||
.btn:hover,
|
||||
.btn-small:hover,
|
||||
.btn-large:hover {
|
||||
background-color: var(--green-dim);
|
||||
}
|
||||
|
||||
.material-icons,
|
||||
nav ul a,
|
||||
nav .brand-logo,
|
||||
.btn-floating i {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.grey.lighten-2 {
|
||||
background-color: var(--fg4) !important;
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.z-depth-1 {
|
||||
box-shadow: 0 2px 2px 0 rgba(40, 40, 40, 0.14),
|
||||
0 3px 1px -2px rgba(40, 40, 40, 0.12), 0 1px 5px 0 rgba(40, 40, 40, 0.2);
|
||||
}
|
||||
|
||||
nav ul a:hover {
|
||||
background-color: rgba(40, 40, 40, 0.1);
|
||||
}
|
||||
|
||||
.orange-text,
|
||||
.yellow-text {
|
||||
color: var(--yellow) !important;
|
||||
}
|
||||
|
||||
.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
|
||||
color: var(--yellow-dim) !important;
|
||||
}
|
||||
|
||||
.green-text,
|
||||
.input-field .prefix.active {
|
||||
color: var(--green) !important;
|
||||
}
|
||||
|
||||
.red.darken-3,
|
||||
.green {
|
||||
background-color: var(--green) !important;
|
||||
}
|
||||
|
||||
.white-text {
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.blue-grey.lighten-1 {
|
||||
background-color: var(--blue-dim) !important;
|
||||
}
|
||||
|
||||
.blue-grey-text.text-lighten-1 {
|
||||
color: var(--blue-dim) !important;
|
||||
}
|
||||
|
||||
.teal-text.text-lighten-1 {
|
||||
color: var(--aqua) !important;
|
||||
}
|
||||
|
||||
.teal.lighten-1 {
|
||||
background-color: var(--aqua) !important;
|
||||
}
|
||||
|
||||
.grey-text {
|
||||
color: var(--gray) !important;
|
||||
}
|
||||
|
||||
.green-text.text-lighten-2 {
|
||||
color: var(--green-dim) !important;
|
||||
}
|
||||
|
||||
.material-tooltip {
|
||||
color: var(--fg);
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.dropdown-content li {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.collection .collection-item.avatar i.circle {
|
||||
color: var(--fg);
|
||||
background-color: var(--bg3);
|
||||
}
|
||||
|
||||
.dropdown-content li>a,
|
||||
.dropdown-content li>span {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.divider {
|
||||
background-color: var(--bg4);
|
||||
}
|
||||
|
||||
#dropdown1>li:nth-child(3) {
|
||||
background-color: var(--bg1);
|
||||
}
|
||||
|
||||
table.striped>tbody>tr:nth-child(2n + 1) {
|
||||
background-color: var(--bg4);
|
||||
}
|
||||
|
||||
.input-field>label {
|
||||
color: var(--fg3);
|
||||
}
|
||||
|
||||
input:not([type]):not(.browser-default),
|
||||
input[type="text"]:not(.browser-default),
|
||||
input[type="password"]:not(.browser-default),
|
||||
input[type="email"]:not(.browser-default),
|
||||
input[type="url"]:not(.browser-default),
|
||||
input[type="time"]:not(.browser-default),
|
||||
input[type="date"]:not(.browser-default),
|
||||
input[type="datetime"]:not(.browser-default),
|
||||
input[type="datetime-local"]:not(.browser-default),
|
||||
input[type="month"]:not(.browser-default),
|
||||
input[type="tel"]:not(.browser-default),
|
||||
input[type="number"]:not(.browser-default),
|
||||
input[type="search"]:not(.browser-default),
|
||||
textarea.materialize-textarea {
|
||||
border-bottom: 1px solid var(--fg3);
|
||||
background-color: var(--bg3);
|
||||
}
|
||||
|
||||
input:not([type]):not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="text"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="password"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="email"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="url"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="time"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="date"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="datetime"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="datetime-local"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="month"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="tel"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="number"]:not(.browser-default):focus:not([readonly])+label,
|
||||
input[type="search"]:not(.browser-default):focus:not([readonly])+label,
|
||||
textarea.materialize-textarea:focus:not([readonly])+label,
|
||||
a {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
input:not([type]):not(.browser-default):focus:not([readonly]),
|
||||
input[type="text"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="password"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="email"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="url"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="time"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="date"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="month"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="tel"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="number"]:not(.browser-default):focus:not([readonly]),
|
||||
input[type="search"]:not(.browser-default):focus:not([readonly]),
|
||||
textarea.materialize-textarea:focus:not([readonly]),
|
||||
.select-wrapper input.select-dropdown:focus,
|
||||
.chips.focus {
|
||||
border-bottom: 1px solid var(--green);
|
||||
box-shadow: 0 1px 0 0 var(--green);
|
||||
}
|
||||
|
||||
.keyboard-focused .collapsible-header:focus {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.chip {
|
||||
color: var(--fg);
|
||||
background-color: var(--fg4);
|
||||
}
|
||||
|
||||
.chip:focus {
|
||||
color: var(--fg);
|
||||
background-color: var(--green);
|
||||
}
|
||||
|
||||
.red.lighten-2 {
|
||||
background-color: var(--red) !important;
|
||||
}
|
||||
}
|
||||
119
src/sites/jellyfin.user.css
Normal file
119
src/sites/jellyfin.user.css
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Jellyfin
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.0
|
||||
@description Base Jellyfin Theme
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/jellyfin.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
@-moz-document domain("media.m3.fyi") {
|
||||
#loginPage {
|
||||
background: var(--bg-road) !important;
|
||||
background-size: cover !important;
|
||||
}
|
||||
|
||||
.backdropImage {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fab,
|
||||
.raised {
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.backgroundContainer {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
background-image: var(--bg-road);
|
||||
filter: blur(10px);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.button-submit {
|
||||
color: var(--fg);
|
||||
background-color: var(--green);
|
||||
}
|
||||
|
||||
.checkboxListLabel,
|
||||
.inputLabel,
|
||||
.inputLabelUnfocused,
|
||||
.paperListLabel,
|
||||
.textareaLabelUnfocused,
|
||||
.emby-tab-button,
|
||||
.cardText-secondary,
|
||||
.fieldDescription,
|
||||
.guide-programNameCaret,
|
||||
.listItem .secondary,
|
||||
.nowPlayingBarSecondaryText,
|
||||
.programSecondaryTitle,
|
||||
.secondaryText {
|
||||
color: var(--fg2);
|
||||
}
|
||||
|
||||
.checkboxIcon,
|
||||
body,
|
||||
.emby-tab-button-active,
|
||||
.material-icons {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.emby-checkbox:checked+span+.checkboxOutline,
|
||||
.itemProgressBarForeground {
|
||||
background-color: var(--green);
|
||||
}
|
||||
|
||||
.emby-checkbox:checked+span+.checkboxOutline {
|
||||
border-color: var(--green);
|
||||
}
|
||||
|
||||
.button-submit:focus {
|
||||
background: var(--green-dim);
|
||||
color: var(--fg1);
|
||||
}
|
||||
|
||||
.emby-input,
|
||||
.emby-textarea {
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
border: 0.16em solid var(--bg);
|
||||
}
|
||||
|
||||
.inputLabelFocused,
|
||||
.selectLabelFocused,
|
||||
.textareaLabelFocused,
|
||||
.emby-tab-button:hover {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.emby-input:focus,
|
||||
.emby-textarea:focus {
|
||||
border-color: var(--green);
|
||||
}
|
||||
|
||||
.pageTitleWithDefaultLogo {
|
||||
background-image: url("https://cdn.m3.fyi/moe_gruv.gif");
|
||||
}
|
||||
|
||||
.pageTitleWithDefaultLogo::after {
|
||||
margin-left: 2em;
|
||||
color: var(--fg);
|
||||
content: "Media";
|
||||
}
|
||||
|
||||
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred {
|
||||
background: none;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.noHomeButtonHeader {
|
||||
background: none;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: var(--green);
|
||||
background-color: var(--rgb-green-dim);
|
||||
}
|
||||
}
|
||||
238
src/sites/keybr.user.css
Normal file
238
src/sites/keybr.user.css
Normal file
|
|
@ -0,0 +1,238 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Keybr
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.3
|
||||
@description Gruvbox Theme for Keybr
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/keybr.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
@-moz-document domain("keybr.com") {
|
||||
|
||||
/*~~~~~ Base Colors ~~~~~*/
|
||||
html[data-theme="dark"] {
|
||||
--text-color: var(--fg4);
|
||||
--link-color: var(--blue);
|
||||
--header-color: var(--fg3);
|
||||
--background-color: var(--bg2);
|
||||
--Keyboard-frame__color: transparent;
|
||||
--KeyboardKey-button__color: var(--bg3);
|
||||
--KeyboardKey-button--special__color: var(--bg);
|
||||
--KeyboardKey-button--depressed__color: var(--fg4);
|
||||
--KeyboardKey-symbol__color: var(--fg);
|
||||
--KeyboardKey-symbol--special__color: var(--fg);
|
||||
--KeyboardKey-symbol--depressed__color: var(--bg1);
|
||||
--KeyboardKey-symbol--dead__color: var(--red);
|
||||
--KeyboardZone--a__color: var(--fg2);
|
||||
--KeyboardZone--a__colorAlt: var(--fg2);
|
||||
--KeyboardZone--b__color: var(--fg2);
|
||||
--KeyboardZone--b__colorAlt: var(--fg2);
|
||||
--TextInput-item__color: var(--fg2);
|
||||
--TextInput-item--miss__background-color: var(--red-dim);
|
||||
--TextInput-item--garbage__color: var(--fg);
|
||||
--TextInput-item--garbage__background-color: var(--red-dim);
|
||||
--TextInput-cursor__color: var(--bg);
|
||||
--TextInput-cursor__background-color: var(--fg);
|
||||
--LessonKey__color: var(--bg);
|
||||
--LessonKey--included__color: var(--bg);
|
||||
--LessonKey--excluded__color: var(--fg3);
|
||||
--LessonKey--excluded__background-color: var(--bg1);
|
||||
--LessonKey--uncalibrated__color: var(--bg);
|
||||
--LessonKey--uncalibrated__background-color: var(--fg2);
|
||||
--LessonKey--boosted__color: var(--bg);
|
||||
--LessonKey--boosted__outline-color: var(--fg);
|
||||
--LessonKey--forced__color: var(--bg);
|
||||
--LessonKey--current__outline-color: var(--fg);
|
||||
--LessonKey--slow__color: var(--red);
|
||||
--LessonKey--fast__color: var(--green);
|
||||
--DailyGoal-bar__color: var(--bg4);
|
||||
--DailyGoal-frame__color: var(--fg4);
|
||||
--Chart-frame__color: var(--fg4);
|
||||
--Chart-speed__color: var(--aqua);
|
||||
--Chart-accuracy__color: var(--red);
|
||||
--Chart-keyCount__color: var(--purple-dim);
|
||||
--Chart-threshold__color: var(--purple);
|
||||
--Chart-keySpeed__color: var(--blue-dim);
|
||||
--Chart-keyFrequency-h__color: var(--aqua);
|
||||
--Chart-keyFrequency-m__color: var(--red-dim);
|
||||
--Chart-keyFrequency-r__color: var(--purple-dim);
|
||||
--Calendar-caption__background-color: var(--bg);
|
||||
--Calendar-headerCell__background-color: var(--bg);
|
||||
--Calendar-cell__color: var(--bg);
|
||||
--Calendar-cell__background-color: var(--blue-dim);
|
||||
--Calendar-cell--s3__background-color: var(--blue-dim);
|
||||
--Calendar-cell--z__background-color: var(--bg);
|
||||
--Name-color: var(--fg2);
|
||||
--Value-color: var(--gray);
|
||||
--ValueDelta--more__color: var(--green-dim);
|
||||
--ValueDelta--less__color: var(--red-dim);
|
||||
--Popup__color: var(--fg4);
|
||||
--Popup__background-color: var(--bg);
|
||||
--PlayerDetails__color: var(--bg4);
|
||||
--Icon__color: var(--fg2);
|
||||
--TabList-item--active__color: var(--bg4);
|
||||
--Button__color: var(--fg);
|
||||
--Button__background-color: var(--bg4);
|
||||
--Button--focused__color: var(--fg);
|
||||
--Button--focused__background-color: var(--fg4);
|
||||
--TextField__color: var(--fg4);
|
||||
--TextField__background-color: var(--bg1);
|
||||
--TextField--focused__color: vap(--bg4);
|
||||
--TextField--focused__background-color: var(--bg4);
|
||||
--MenuItem__color: vap(--fg);
|
||||
--MenuItem__background-color: var(--bg2);
|
||||
--MenuItem--selected__color: var(--fg);
|
||||
--MenuItem--selected__background-color: vap(--bg2);
|
||||
--NavLink__color: var(--fg3);
|
||||
--NavLink--current__color: var(--bg3);
|
||||
--Body__background-image: var(--bg-url);
|
||||
}
|
||||
|
||||
/*~~~~~~~ Homerow ~~~~~~~*/
|
||||
/*----- Left -----*/
|
||||
[data-key="KeyA"] {
|
||||
--KeyboardKey-button__color: var(--yellow);
|
||||
}
|
||||
|
||||
[data-key="KeyS"] {
|
||||
--KeyboardKey-button__color: var(--blue);
|
||||
}
|
||||
|
||||
[data-key="KeyD"] {
|
||||
--KeyboardKey-button__color: var(--green);
|
||||
}
|
||||
|
||||
[data-key="KeyF"] {
|
||||
--KeyboardKey-button__color: var(--red);
|
||||
}
|
||||
|
||||
/*----- Right -----*/
|
||||
[data-key="KeyJ"] {
|
||||
--KeyboardKey-button__color: var(--purple);
|
||||
}
|
||||
|
||||
[data-key="KeyK"] {
|
||||
--KeyboardKey-button__color: var(--green);
|
||||
}
|
||||
|
||||
[data-key="KeyL"] {
|
||||
--KeyboardKey-button__color: var(--blue);
|
||||
}
|
||||
|
||||
[data-key="Semicolon"] {
|
||||
--KeyboardKey-button__color: var(--yellow);
|
||||
}
|
||||
|
||||
/*~~~~~~~ Homerow ~~~~~~~*/
|
||||
/*----- Left -----*/
|
||||
[data-key="Backquote"],
|
||||
[data-key="Digit1"],
|
||||
[data-key="KeyQ"],
|
||||
[data-key="KeyZ"] {
|
||||
--KeyboardKey-button__color: var(--yellow-dim);
|
||||
}
|
||||
|
||||
[data-key="Digit2"],
|
||||
[data-key="KeyW"],
|
||||
[data-key="KeyX"] {
|
||||
--KeyboardKey-button__color: var(--blue-dim);
|
||||
}
|
||||
|
||||
[data-key="Digit3"],
|
||||
[data-key="KeyE"],
|
||||
[data-key="KeyC"] {
|
||||
--KeyboardKey-button__color: var(--green-dim);
|
||||
}
|
||||
|
||||
[data-key="Digit4"],
|
||||
[data-key="Digit5"],
|
||||
[data-key="KeyR"],
|
||||
[data-key="KeyV"],
|
||||
[data-key="KeyT"],
|
||||
[data-key="KeyG"],
|
||||
[data-key="KeyB"] {
|
||||
--KeyboardKey-button__color: var(--red-dim);
|
||||
}
|
||||
|
||||
/*----- Right -----*/
|
||||
[data-key="Digit6"],
|
||||
[data-key="Digit7"],
|
||||
[data-key="KeyY"],
|
||||
[data-key="KeyH"],
|
||||
[data-key="KeyN"],
|
||||
[data-key="KeyU"],
|
||||
[data-key="KeyM"] {
|
||||
--KeyboardKey-button__color: var(--purple-dim);
|
||||
}
|
||||
|
||||
[data-key="Digit8"],
|
||||
[data-key="KeyI"],
|
||||
[data-key="Comma"] {
|
||||
--KeyboardKey-button__color: var(--green-dim);
|
||||
}
|
||||
|
||||
[data-key="Digit9"],
|
||||
[data-key="KeyO"],
|
||||
[data-key="Period"] {
|
||||
--KeyboardKey-button__color: var(--blue-dim);
|
||||
}
|
||||
|
||||
[data-key="Digit0"],
|
||||
[data-key="Minus"],
|
||||
[data-key="Equal"],
|
||||
[data-key="BracketLeft"],
|
||||
[data-key="BracketRight"],
|
||||
[data-key="Quote"],
|
||||
[data-key="Backslash"],
|
||||
[data-key="Slash"],
|
||||
[data-key="KeyP"] {
|
||||
--KeyboardKey-button__color: var(--yellow-dim);
|
||||
}
|
||||
|
||||
[data-key="Insert"],
|
||||
[data-key="Home"],
|
||||
[data-key="PageUp"],
|
||||
[data-key="PageDown"],
|
||||
[data-key="Delete"],
|
||||
[data-key="End"],
|
||||
[data-key="ArrowUp"],
|
||||
[data-key="ArrowDown"],
|
||||
[data-key="ArrowLeft"],
|
||||
[data-key="ArrowRight"],
|
||||
[data-key="NumLock"],
|
||||
[data-key="NumpadDivide"],
|
||||
[data-key="NumpadMultiply"],
|
||||
[data-key="NumpadSubtract"],
|
||||
[data-key="NumpadPlus"],
|
||||
[data-key="NumpadAdd"],
|
||||
[data-key="NumpadEnter"],
|
||||
[data-key="Numpad0"],
|
||||
[data-key="NumpadDecimal"],
|
||||
[data-key="Numpad1"],
|
||||
[data-key="Numpad2"],
|
||||
[data-key="Numpad3"],
|
||||
[data-key="Numpad4"],
|
||||
[data-key="Numpad5"],
|
||||
[data-key="Numpad6"],
|
||||
[data-key="Numpad7"],
|
||||
[data-key="Numpad8"],
|
||||
[data-key="Numpad9"],
|
||||
nav {
|
||||
display: none
|
||||
}
|
||||
|
||||
.wipo7Tkji5 {
|
||||
margin-left: 25rem;
|
||||
}
|
||||
|
||||
.mBA4zfMAKB {
|
||||
margin-left: 20rem;
|
||||
}
|
||||
|
||||
svg,
|
||||
.FSsZIBl8b9 {
|
||||
width: 150%;
|
||||
}
|
||||
|
||||
}
|
||||
99
src/sites/material-base.user.css
Normal file
99
src/sites/material-base.user.css
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox Material Base
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.7
|
||||
@description Base Gruvbox Theme
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/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),
|
||||
/* 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).*")
|
||||
|
||||
/*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_dim: #1b1b1b !important;
|
||||
|
||||
--bg_current_word: #3c3836 !important;
|
||||
|
||||
--bg_statusline1: #32302f !important;
|
||||
--bg_statusline2: #3a3735 !important;
|
||||
--bg_statusline3: #504945 !important;
|
||||
|
||||
--bg0: #282828 !important;
|
||||
--bg1: #32302f !important;
|
||||
--bg2: #32302f !important;
|
||||
--bg3: #45403d !important;
|
||||
--bg4: #45403d !important;
|
||||
--bg5: #5a524c !important;
|
||||
|
||||
--grey0: #7c6f64 !important;
|
||||
--grey1: #928374 !important;
|
||||
--grey2: #a89984 !important;
|
||||
|
||||
--bg_diff_green: #34381b !important;
|
||||
--bg_visual_green: #3b4439 !important;
|
||||
--bg_diff_red: #402120 !important;
|
||||
--bg_visual_red: #4c3432 !important;
|
||||
--bg_diff_blue: #0e363e !important;
|
||||
--bg_visual_blue: #374141 !important;
|
||||
--bg_visual_yellow: #4f422e !important;
|
||||
|
||||
--fg: #fbf1c7 !important;
|
||||
--fg0: #d4be98 !important;
|
||||
--fg1: #ddc7a1 !important;
|
||||
|
||||
--red: #ea6962 !important;
|
||||
--green: #a9b665 !important;
|
||||
--yellow: #d8a657 !important;
|
||||
--blue: #7daea3 !important;
|
||||
--purple: #d3869b !important;
|
||||
--aqua: #89b482 !important;
|
||||
--orange: #e78a4e !important;
|
||||
|
||||
--bg_red: var(--red) !important;
|
||||
--bg_green: var(--green) !important;
|
||||
--bg_yellow: var(--yellow) !important;
|
||||
|
||||
/*Compatibility*/
|
||||
--bg_h: var(--bg_dim) !important;
|
||||
--bg: var(--bg0) !important;
|
||||
--bg_s: var(--bg1) !important;
|
||||
|
||||
--fg2: var(--grey2) !important;
|
||||
--fg3: var(--grey1) !important;
|
||||
--fg4: var(--grey0) !important;
|
||||
|
||||
--gray: var(--grey1) !important;
|
||||
--gray-dim: var(--grey0) !important;
|
||||
|
||||
--red-dim: var(--bg_red) !important;
|
||||
--green-dim: var(--bg_green) !important;
|
||||
--yellow-dim: var(--bg_yellow) !important;
|
||||
--blue-dim: var(--blue) !important;
|
||||
--purple-dim: var(--purple) !important;
|
||||
--aqua-dim: var(--aqua) !important;
|
||||
--orange-dim: var(--orange) !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;
|
||||
*/
|
||||
}
|
||||
}
|
||||
414
src/sites/moodle.user.css
Normal file
414
src/sites/moodle.user.css
Normal file
|
|
@ -0,0 +1,414 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Moodle
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.6
|
||||
@description Gruvbox Theme for Moodle
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/moodle.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
@-moz-document domain("moodle.rbs-ulm.de") {
|
||||
|
||||
/*~~~~~ Base Colors ~~~~~*/
|
||||
html {
|
||||
--base: var(--bg) !important;
|
||||
--bg-panel: var(--bg1) !important;
|
||||
--bg-canvas: var(--bg2) !important;
|
||||
--bg-input: var(--bg1) !important;
|
||||
--bg-bbtn: var(--bg2) !important;
|
||||
--bg-bbtnOver: var(--bg1) !important;
|
||||
--brdr: var(--bg) !important;
|
||||
--text-color: var(--fg) !important;
|
||||
--alphaDark: 0.25 !important;
|
||||
--gs-invert: 1 !important;
|
||||
--accent: var(--accentColor) !important;
|
||||
|
||||
--indigo: var(--purple) !important;
|
||||
--pink: var(--purple) !important;
|
||||
--teal: var(--aqua) !important;
|
||||
--cyan: var(--blue-dim) !important;
|
||||
--white: var(--fg) !important;
|
||||
--gray-dark: var(--gray-dim) !important;
|
||||
--primary: var(--green) !important;
|
||||
--secondary: var(--fg1) !important;
|
||||
--success: var(--green) !important;
|
||||
--info: var(--blue) !important;
|
||||
--warning: var(--yellow) !important;
|
||||
--danger: var(--red) !important;
|
||||
--light: var(--fg) !important;
|
||||
--dark: var(--bg4) !important;
|
||||
|
||||
--activityadministration: var(--purple) !important;
|
||||
--activityassessment: var(--purple-dim) !important;
|
||||
--activitycollaboration: var(--orange) !important;
|
||||
--activitycommunication: var(--aqua-dim) !important;
|
||||
--activitycontent: var(--blue) !important;
|
||||
--activityinterface: var(--purple) !important;
|
||||
}
|
||||
|
||||
body,
|
||||
.pagelayout-login #page,
|
||||
body.pagelayout-login #page,
|
||||
.card,
|
||||
.drawer,
|
||||
.message-app,
|
||||
.bg-light {
|
||||
background: var(--bg) !important;
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
#page.drawers .main-inner,
|
||||
.moremenu .nav-tabs,
|
||||
#region-main,
|
||||
.login-container {
|
||||
background-color: var(--bg1);
|
||||
}
|
||||
|
||||
.secondary-navigation .navigation {
|
||||
border-color: var(--fg4);
|
||||
background-color: var(--bg1);
|
||||
}
|
||||
|
||||
.userpicture {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.moremenu .nav-link.active {
|
||||
border-bottom-color: var(--primary);
|
||||
}
|
||||
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
a:hover,
|
||||
.dropdown-item,
|
||||
.navbar-light .navbar-nav .nav-link.active {
|
||||
color: var(--fg4);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--fg3);
|
||||
}
|
||||
|
||||
.description .course-description-item,
|
||||
.path-mod .activity-header:not(:empty) {
|
||||
background-color: var(--bg4);
|
||||
}
|
||||
|
||||
.activity-item:not(.activityinline) {
|
||||
border-color: var(--fg4);
|
||||
}
|
||||
|
||||
.badge-light {
|
||||
background-color: var(--fg3);
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background-color: var(--green-dim);
|
||||
color: var(--bg);
|
||||
border-color: var(--green);
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: var(--bg) !important;
|
||||
background-color: var(--green);
|
||||
border-color: var(--green-dim);
|
||||
}
|
||||
|
||||
.btn-primary:hover,
|
||||
.btn-primary:not(:disabled):not(.disabled):active {
|
||||
background-color: var(--green-dim);
|
||||
border-color: var(--green-dim);
|
||||
}
|
||||
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active {
|
||||
background-color: var(--aqua-dim);
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
.btn.btn-icon:hover,
|
||||
.btn.btn-icon:focus {
|
||||
background-color: var(--fg4);
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: var(--bg4);
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
.bg-secondary,
|
||||
.drawer-toggles .drawer-toggler .btn {
|
||||
background-color: var(--bg4) !important;
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
#user-menu-toggle:hover {
|
||||
color: var(--fg4);
|
||||
}
|
||||
|
||||
button.bg-secondary:hover,
|
||||
button.bg-secondary:focus,
|
||||
.btn-secondary:hover,
|
||||
.dropdown-item,
|
||||
.moremenu .nav-link.active:hover,
|
||||
.moremenu .nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.message-app .btn.btn-link.btn-icon:hover {
|
||||
background-color: var(--bg3) !important;
|
||||
color: var(--fg2) !important;
|
||||
}
|
||||
|
||||
caption {
|
||||
color: var(--fg4);
|
||||
}
|
||||
|
||||
.moremenu .nav-link.active:focus {
|
||||
border-bottom-color: var(--green);
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: var(--green) !important;
|
||||
}
|
||||
|
||||
.courseindex .courseindex-item.pageitem:hover,
|
||||
.courseindex .courseindex-item.pageitem:focus {
|
||||
background-color: var(--green-dim);
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.courseindex .courseindex-item.pageitem {
|
||||
background-color: var(--green);
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.text-dark,
|
||||
.courseindex .courseindex-item:hover .courseindex-link,
|
||||
.courseindex .courseindex-item:hover .courseindex-chevron,
|
||||
.courseindex .courseindex-item:focus .courseindex-link,
|
||||
.courseindex .courseindex-item:focus .courseindex-chevron {
|
||||
color: var(--fg4) !important;
|
||||
}
|
||||
|
||||
.text-dark:hover {
|
||||
color: var(--bg3) !important;
|
||||
}
|
||||
|
||||
.moremenu .nav-link.active:hover {
|
||||
border-bottom-color: var(--green);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background-color: var(--bg3) !important;
|
||||
color: var(--fg2) !important;
|
||||
border-color: var(--bg4) !important;
|
||||
}
|
||||
|
||||
.course-section,
|
||||
.dropdown-divider {
|
||||
border-color: var(--bg3);
|
||||
}
|
||||
|
||||
.text-body,
|
||||
.dropdown-menu,
|
||||
.courseindex .courseindex-item .courseindex-link,
|
||||
.courseindex .courseindex-item .courseindex-chevron,
|
||||
.generaltable {
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
background-color: var(--bg) !important;
|
||||
}
|
||||
|
||||
.primary-navigation .navigation .nav-link,
|
||||
.path-mod-assign td.submissionnotgraded,
|
||||
.path-mod-assign div.submissionnotgraded {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.navbar.fixed-top #usernavigation .nav-link,
|
||||
.text-dark,
|
||||
.courseindex .courseindex-item:hover .courseindex-link,
|
||||
.courseindex .courseindex-item:hover .courseindex-chevron,
|
||||
.courseindex .courseindex-item:focus .courseindex-link,
|
||||
.courseindex .courseindex-item:focus .courseindex-chevron {
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.border-left,
|
||||
.navbar.fixed-top {
|
||||
border-color: var(--bg2) !important;
|
||||
}
|
||||
|
||||
.logo {
|
||||
content: url("https://moodle.rbs-ulm.de/moodle/pluginfile.php/2/course/section/1/rbs_logo.png")
|
||||
}
|
||||
|
||||
.logo,
|
||||
.atto_image_button_text-bottom {
|
||||
filter: var(--filter-reset) var(--filter-fg3) !important;
|
||||
}
|
||||
|
||||
.btn:focus,
|
||||
.drawer-toggles .drawer-toggler .btn:focus,
|
||||
.btn-primary:not(:disabled):not(.disabled):active:focus,
|
||||
.btn-secondary:not(:disabled):not(.disabled):active:focus,
|
||||
a.dropdown-toggle:focus,
|
||||
[role="button"]:focus,
|
||||
.form-control:focus,
|
||||
.aabtn.focus,
|
||||
.aabtn:focus,
|
||||
.btn-link.focus,
|
||||
.btn-link:focus,
|
||||
.nav-link.focus,
|
||||
.nav-link:focus,
|
||||
.editor_atto_toolbar button.focus,
|
||||
.editor_atto_toolbar button:focus,
|
||||
.editor_atto_toolbar .atto_toolbar_row.focus,
|
||||
.editor_atto_toolbar .atto_toolbar_row:focus,
|
||||
[role="button"].focus,
|
||||
[role="button"]:focus,
|
||||
.list-group-item-action.focus,
|
||||
.list-group-item-action:focus,
|
||||
input[type="checkbox"].focus,
|
||||
input[type="checkbox"]:focus,
|
||||
input[type="radio"].focus,
|
||||
input[type="radio"]:focus,
|
||||
input[type="file"].focus,
|
||||
input[type="file"]:focus,
|
||||
input[type="image"].focus,
|
||||
input[type="image"]:focus,
|
||||
.sr-only-focusable.focus,
|
||||
.sr-only-focusable:focus,
|
||||
a.dropdown-toggle.focus,
|
||||
a.dropdown-toggle:focus,
|
||||
.modal-dialog[tabindex="0"].focus,
|
||||
.modal-dialog[tabindex="0"]:focus,
|
||||
.moodle-dialogue-base .closebutton.focus,
|
||||
.moodle-dialogue-base .closebutton:focus,
|
||||
button.close.focus,
|
||||
button.close:focus,
|
||||
.form-autocomplete-selection.focus,
|
||||
.form-autocomplete-selection:focus,
|
||||
[role="treeitem"]:not([aria-expanded="true"]).focus,
|
||||
[role="treeitem"]:not([aria-expanded="true"]):focus,
|
||||
.nav-link:focus {
|
||||
box-shadow: 0 0 0 0.2rem var(--green-dim);
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: var(--fg);
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
border-color: var(--fg4);
|
||||
}
|
||||
|
||||
.activityiconcontainer {
|
||||
background-color: var(--green);
|
||||
}
|
||||
|
||||
.activityiconcontainer.assessment {
|
||||
background-color: var(--purple-dim);
|
||||
}
|
||||
|
||||
.activityiconcontainer.communication {
|
||||
background-color: var(--aqua-dim);
|
||||
}
|
||||
|
||||
.btn-outline-secondary:not(:disabled):not(.disabled):active,
|
||||
.btn-outline-secondary:hover {
|
||||
color: var(--fg);
|
||||
background-color: var(--gray);
|
||||
border-color: var(--gray-dim);
|
||||
}
|
||||
|
||||
.block .block-cards span.categoryname,
|
||||
.block .block-cards .btn-link {
|
||||
color: var(--bg3);
|
||||
}
|
||||
|
||||
.login-container .login-divider {
|
||||
border-color: var(--bg2);
|
||||
}
|
||||
|
||||
.form-control,
|
||||
.activity-add,
|
||||
.block-add {
|
||||
background-color: var(--bg3);
|
||||
color: var(--fg3);
|
||||
border: 1px solid var(--bg1);
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
background-color: var(--bg4);
|
||||
color: var(--bg);
|
||||
border-color: var(--bg1);
|
||||
}
|
||||
|
||||
.form-control::placeholder {
|
||||
color: var(--bg4);
|
||||
}
|
||||
|
||||
a:not([class]):focus {
|
||||
color: var(--fg);
|
||||
background-color: var(--bg3);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.mform fieldset,
|
||||
.border-bottom {
|
||||
border-bottom: 1px solid var(--bg3) !important;
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid var(--bg3) !important;
|
||||
}
|
||||
|
||||
.btn-primary:focus {
|
||||
outline: none;
|
||||
border-color: var(--fg4);
|
||||
}
|
||||
|
||||
.invalid-feedback {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.form-control.is-invalid {
|
||||
border-color: var(--red);
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
background-color: var(--red-dim);
|
||||
color: var(--fg);
|
||||
border-color: var(--fg);
|
||||
}
|
||||
|
||||
.activityiconcontainer.content {
|
||||
background-color: var(--blue-dim);
|
||||
}
|
||||
|
||||
.activityiconcontainer.collaboration {
|
||||
background-color: var(--red-dim);
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
color: var(--fg1);
|
||||
background-color: var(--blue);
|
||||
}
|
||||
|
||||
span[style="color: #000099"] {
|
||||
color: var(--blue) !important;
|
||||
}
|
||||
}
|
||||
420
src/sites/onedev.user.css
Normal file
420
src/sites/onedev.user.css
Normal file
|
|
@ -0,0 +1,420 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for OneDev
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.1
|
||||
@description Gruvbox Theme for OneDev
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/onedev.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
@-moz-document domain("git.m3.fyi"),
|
||||
domain("code.onedev.io") {
|
||||
:root {
|
||||
--primary: var(--green);
|
||||
--gray-dark: var(--bg2);
|
||||
--success: var(--blue-dim);
|
||||
--danger: var(--red);
|
||||
--warning: var(--orange);
|
||||
--dark-mode-gray: var(--fg3);
|
||||
--dark-mode-light-dark: var(--bg2);
|
||||
--dark-mode-dark: var(--bg1);
|
||||
--dark-mode-darker: var(--bg);
|
||||
--dark-mode-light-gray: var(--fg2);
|
||||
--dark-mode-light-primary: var(--bg3);
|
||||
--light: var(--fg);
|
||||
--light-gray: var(--fg2);
|
||||
--dark-mode-lighter-dark: var(--bg3);
|
||||
--muted: var(--fg1);
|
||||
--info: var(--purple-dim);
|
||||
--teal: var(--aqua-dim);
|
||||
--cyan: var(--aqua);
|
||||
--white: var(--fg);
|
||||
--pink: var(--purple);
|
||||
--indigo: var(--purple-dim);
|
||||
--light-dark: var(--fg3);
|
||||
--dark-mode-light-info: var(--bg);
|
||||
--dark-mode-dark-gray: var(--bg3);
|
||||
}
|
||||
|
||||
.CodeMirror {
|
||||
font-family: var(--monospaceFontFamily);
|
||||
}
|
||||
|
||||
.nav .nav-link {
|
||||
color: var(--fg4);
|
||||
}
|
||||
|
||||
.dark-mode .badge.badge-light-info {
|
||||
color: var(--fg1);
|
||||
background: var(--purple-dim);
|
||||
}
|
||||
|
||||
.dark-mode li.feedbackPanelINFO {
|
||||
background-color: var(--bg);
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder {
|
||||
color: var(--fg4) !important;
|
||||
}
|
||||
|
||||
.dark-mode .blob-text-diff>tbody>tr>td.new.number,
|
||||
.dark-mode .text-diff>tbody>tr>td.new.content,
|
||||
.dark-mode .text-diff>tbody>tr>td.new.operation {
|
||||
background: #999c2654;
|
||||
border-color: var(--green-dim);
|
||||
}
|
||||
|
||||
.dark-mode .blob-text-diff>tbody>tr>td.old.number,
|
||||
.dark-mode .text-diff>tbody>tr>td.old.content,
|
||||
.dark-mode .text-diff>tbody>tr>td.old.operation {
|
||||
background: #fb493457;
|
||||
border-color: var(--red-dim);
|
||||
}
|
||||
|
||||
.dark-mode .text-diff>tbody>tr>td.new .insert {
|
||||
background-color: #689d6a5c;
|
||||
}
|
||||
|
||||
.dark-mode .text-diff>tbody>tr>td.old .delete {
|
||||
background-color: #cc2412a8;
|
||||
}
|
||||
|
||||
.sidebar-header {
|
||||
background: var(--bg_s);
|
||||
}
|
||||
|
||||
.dark-mode .CodeMirror-simplescroll-vertical div {
|
||||
background: var(--bg1);
|
||||
}
|
||||
|
||||
.dark-mode .blob-text-diff>tbody>tr.expander>td.skipped,
|
||||
.dark-mode .blob-text-diff>tbody>tr.expander>td.expander a {
|
||||
background: var(--bg1);
|
||||
}
|
||||
|
||||
.dark-mode ::-webkit-scrollbar {
|
||||
background-color: var(--bg1);
|
||||
}
|
||||
|
||||
.sidebar-menu .menu-body .menu-link:hover,
|
||||
.sidebar-menu .menu-body .menu-link:focus,
|
||||
.sidebar-menu .menu-body .menu-link.open,
|
||||
.sidebar-menu .menu-body .menu-link.active,
|
||||
.dark-mode .switch input:empty~span:after {
|
||||
background-color: var(--bg3);
|
||||
}
|
||||
|
||||
.dark-mode .btn.btn-light-danger {
|
||||
color: var(--fg);
|
||||
background-color: var(--red);
|
||||
}
|
||||
|
||||
.dark-mode a,
|
||||
.dark-mode a:not([href]):not([class]) {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
.dark-mode ::-webkit-scrollbar-thumb,
|
||||
.dark-mode .CodeMirror-simplescroll-vertical div,
|
||||
.dark-mode .alert.alert-light {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.sidebar-footer {
|
||||
background: var(--bg_s);
|
||||
}
|
||||
|
||||
.sidebar-menu .menu-header-text {
|
||||
color: var(--fg2);
|
||||
}
|
||||
|
||||
.dark-mode .btn.btn-outline-secondary,
|
||||
.dark-mode .form-control,
|
||||
.dark-mode .btn.btn-outline-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .select2-container-active .select2-choice,
|
||||
.dark-mode li.selectable.active a,
|
||||
.dark-mode a.selectable.active,
|
||||
.dark-mode .select2-container .select2-choice,
|
||||
.dark-mode .select2-container .select2-choices {
|
||||
border-color: var(--bg4) !important;
|
||||
}
|
||||
|
||||
.dark-mode a.link-primary:hover {
|
||||
color: var(--green-dim) !important;
|
||||
}
|
||||
|
||||
.dark-mode .form-control:focus,
|
||||
.btn.btn-outline-secondary:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
|
||||
border-color: var(--fg4) !important;
|
||||
}
|
||||
|
||||
.dark-mode .text-muted,
|
||||
.topbar-right a.topbar-link,
|
||||
.dark-mode .modal-content .modal-header .close,
|
||||
.sidebar-menu .menu-text {
|
||||
color: var(--fg3) !important;
|
||||
}
|
||||
|
||||
.dark-mode .btn.btn-light-primary,
|
||||
.markdown-rendered a:hover {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.sidebar-menu .menu-bullet,
|
||||
.dark-mode .badge-secondary {
|
||||
background-color: var(--bg4);
|
||||
}
|
||||
|
||||
.dark-mode .select2-container-multi .select2-choices .select2-search-choice {
|
||||
color: var(--fg);
|
||||
border-color: var(--bg4);
|
||||
}
|
||||
|
||||
.dark-mode a {
|
||||
color: var(--fg1);
|
||||
}
|
||||
|
||||
.SimplePage.dark-mode:not(.force-ordinary-style) .main .form-control {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.dark-mode li.feedbackPanelERROR,
|
||||
li.feedbackPanelFATAL {
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
.commit-dot-color1,
|
||||
.commit-dot,
|
||||
.commit-line-color1 {
|
||||
fill: var(--blue);
|
||||
stroke: var(--blue);
|
||||
}
|
||||
|
||||
.commit-dot-color2,
|
||||
.commit-line-color2 {
|
||||
stroke: var(--green);
|
||||
fill: var(--green);
|
||||
}
|
||||
|
||||
.dark-mode .select2-results .select2-no-results {
|
||||
color: var(--orange);
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.websocket-error {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.btn.btn-primary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.btn.btn-primary:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.btn.btn-primary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.btn.btn-primary.active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.show>.btn.btn-primary.dropdown-toggle,
|
||||
.show .btn.btn-primary.btn-dropdown,
|
||||
.btn.btn-primary {
|
||||
border-color: var(--green);
|
||||
color: var(--fg);
|
||||
background-color: var(--green-dim);
|
||||
}
|
||||
|
||||
.dark-mode .alert.alert-light-warning {
|
||||
background-color: var(--bg_h);
|
||||
}
|
||||
|
||||
.dark-mode a.link-success:hover {
|
||||
color: var(--blue) !important;
|
||||
}
|
||||
|
||||
a[href*="/~issues?query=%22Project%22+is+current+and+%22State%22+is+%22Open%22"] {
|
||||
color: var(--yellow) !important;
|
||||
}
|
||||
|
||||
a[href*="/~issues?query=%22Project%22+is+current+and+%22State%22+is+%22Closed%22"] {
|
||||
color: var(--green) !important;
|
||||
}
|
||||
|
||||
/*red*/
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/local_object"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/local_function"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/methpri_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/methpri_obj"] {
|
||||
filter: var(--fitler-reset) var(--filter-red);
|
||||
}
|
||||
|
||||
/*blue*/
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/object"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/imp_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/function-"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/field_public_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/class_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/methdef_obj"] {
|
||||
filter: var(--filter-reset) var(--filter-red);
|
||||
}
|
||||
|
||||
/*yellow*/
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/class"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.scss.symbols.icon.iconlocator/css"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/methpro_obj"] {
|
||||
filter: var(--filter-reset) var(--filter-yellow);
|
||||
}
|
||||
|
||||
/*aqua*/
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/method"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/class_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/annotation_obj"] {
|
||||
filter: var(--filter-reset) var(--filter-aqua);
|
||||
}
|
||||
|
||||
/*green*/
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/methpub_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/exported_object"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.flowscript.symbols.ui.icon.iconlocator/exported_class"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/methpub_obj"] {
|
||||
filter: var(--filter-reset) var(--filter-green);
|
||||
}
|
||||
|
||||
/*purple*/
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.python.symbols.ui.icons.iconlocator/field_private_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/field_private_obj"],
|
||||
img[src*="/wicket/resource/io.onedev.commons.jsymbol.java.symbols.ui.icon.iconlocator/int_obj"] {
|
||||
filter: var(--filter-reset) var(--filter-purple);
|
||||
}
|
||||
|
||||
.dark-mode .select2-results .select2-result-label {
|
||||
color: var(--fg2);
|
||||
}
|
||||
|
||||
code,
|
||||
.dark-mode .code {
|
||||
color: var(--blue);
|
||||
background-color: var(--bg) !important;
|
||||
}
|
||||
|
||||
.select2-search input,
|
||||
.dark-mode .select2-search input,
|
||||
.dark-mode .btn.btn-light:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
|
||||
background: var(--bg1) !important;
|
||||
border-color: var(--bg4) !important;
|
||||
color: var(--fg2) !important;
|
||||
}
|
||||
|
||||
.dark-mode .markdown-rendered table.table tr:nth-child(odd) td {
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
.dark-mode .btn.btn-light,
|
||||
.dark-mode .select2-drop-active,
|
||||
.dark-mode .btn.btn-secondary {
|
||||
background-color: var(--bg3);
|
||||
border-color: var(--bg4);
|
||||
}
|
||||
|
||||
.project-contribs .top-contributors .head .total-contribution span.additions,
|
||||
.dark-mode .dropdown-item:hover,
|
||||
.dark-mode .select2-results .select2-highlighted .select2-result-label,
|
||||
.dark-mode .dropdown-item.active,
|
||||
.dark-mode .dropdown-item:active,
|
||||
.dark-mode .sidebar-help .dropdown-menu .dropdown-item:hover {
|
||||
color: var(--green) !important;
|
||||
}
|
||||
|
||||
.project-contribs .top-contributors .head .total-contribution span.deletions {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.sidebar a,
|
||||
.sidebar-menu .menu-link:hover .menu-text,
|
||||
.sidebar-menu .menu-link:focus .menu-text,
|
||||
.sidebar-menu .menu-link.active .menu-text,
|
||||
.sidebar-menu .menu-link.open .menu-text,
|
||||
.sidebar-menu .menu-link:hover .menu-arrow,
|
||||
.sidebar-menu .menu-link:focus .menu-arrow,
|
||||
.sidebar-menu .menu-link.active .menu-arrow,
|
||||
.sidebar-menu .menu-link.open .menu-arriw,
|
||||
.dark-mode .card>.card-header .card-title,
|
||||
.dark-mode .select2-container .select2-choice {
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.dark-mode .btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .btn.btn-secondary:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .btn.btn-secondary.active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.dark-mode .show>.btn.btn-secondary.dropdown-toggle,
|
||||
.dark-mode .show .btn.btn-secondary.btn-dropdown,
|
||||
.dark-mode .btn.btn-active-secondary.active:not(.btn-text):not(:disabled):not(.disabled):not([disabled]),
|
||||
.btn.btn-light:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
|
||||
.btn.btn-light:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
|
||||
border-color: var(--bg3) !important;
|
||||
background-color: var(--bg1) !important;
|
||||
}
|
||||
|
||||
.dark-mode a.link-info:hover,
|
||||
.dark-mode a.link-info:focus {
|
||||
color: var(--purple) !important;
|
||||
}
|
||||
|
||||
.CodeMirror-mark {
|
||||
background: var(--green);
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-comment,
|
||||
.dark-mode .cm-s-eclipse span.cm-type {
|
||||
color: var(--fg4);
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-tag,
|
||||
.dark-mode .cm-s-eclipse span.cm-attribute {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-keyword,
|
||||
.dark-mode .cm-s-eclipse span.cm-error {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-qualifier {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-variable-2 {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-property,
|
||||
.dark-mode .cm-s-eclipse span.cm-def {
|
||||
color: var(--aqua);
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-operator,
|
||||
.dark-mode .cm-s-eclipse span.cm-atom {
|
||||
color: var(--orange);
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-variable-3,
|
||||
.dark-mode .cm-s-eclipse span.cm-meta,
|
||||
.dark-mode .cm-s-eclipse span.cm-string-2,
|
||||
.dark-mode .cm-s-eclipse span.cm-string,
|
||||
.dark-mode .cm-s-eclipse span.cm-number {
|
||||
color: var(--yellow);
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse span.cm-builtin,
|
||||
.dark-mode .cm-s-eclipse span.cm-variable {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.CodeMirror-linenumber,
|
||||
.dark-mode .tree-theme-human span.tree-content a {
|
||||
color: var(--fg3) !important;
|
||||
}
|
||||
|
||||
.dark-mode .cm-s-eclipse.CodeMirror {
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
}
|
||||
}
|
||||
127
src/sites/paperless.user.css
Normal file
127
src/sites/paperless.user.css
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Paperless
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.1
|
||||
@description Gruvbox Theme for Paperless
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/paperless.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
@-moz-document domain("paper.m3.fyi") {
|
||||
body.color-scheme-system {
|
||||
--bs-body-color: var(--fg);
|
||||
--bs-body-bg: var(--bg1);
|
||||
--bs-light-rgb: var(--rgb-bg);
|
||||
--bs-danger: var(--red);
|
||||
--bs-danger-rgb: var(--rgb-red);
|
||||
--bs-border-color: var(--fg4);
|
||||
--pngx-bg-darker: var(--bg4);
|
||||
--bs-secondary: var(--fg2);
|
||||
--pngx-body-color-accent: var(--fg1);
|
||||
--pngx-primary-text-contrast: var(--bg2) !important;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
--bs-pagination-disabled-color: var(--fg3);
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
--bs-btn-border-color: var(--fg4);
|
||||
--bs-btn-hover-border-color: var(--fg3);
|
||||
}
|
||||
|
||||
:root {
|
||||
--primary: var(--green);
|
||||
--secondary: var(--green-dim);
|
||||
--primary-fg: var(--fg);
|
||||
--header-color: var(--fg);
|
||||
--link-fg: var(--blue-dim);
|
||||
--link-hover-color: var(--blue);
|
||||
--hairline-color: var(--fg4);
|
||||
--body-bg: var(--bg2);
|
||||
--darkened-bg: var(--bg1);
|
||||
--body-fg: var(--fg);
|
||||
--body-quiet-color: var(--fg);
|
||||
--accent: var(--fg);
|
||||
--selected-row: var(--bg_s);
|
||||
--object-tools-bg: var(--bg3);
|
||||
--object-tools-fg: var(--fg);
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
--bs-btn-disabled-color: var(--fg3);
|
||||
}
|
||||
|
||||
.bg-body {
|
||||
background-color: var(--bg1) !important;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: var(--fg4) !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: var(--fg);
|
||||
background-color: var(--green);
|
||||
border-color: var(--green);
|
||||
}
|
||||
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:not(:disabled):not(.disabled):active {
|
||||
color: var(--fg1);
|
||||
background-color: var(--green-dim);
|
||||
border-color: var(--green-dim);
|
||||
}
|
||||
|
||||
.btn-primary.focus,
|
||||
.form-control:focus,
|
||||
.btn-primary:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
path[style="fill:#17541f"] {
|
||||
fill: var(--green) !important;
|
||||
}
|
||||
|
||||
svg.logo .text {
|
||||
fill: var(--fg) !important;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg) !important;
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.form-control:not(.btn) {
|
||||
color: var(--fg1);
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.form-control:not(.is-invalid):not(.btn) {
|
||||
border-color: var(--fg4);
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border: 1px solid var(--fg1);
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder {
|
||||
color: var(--fg2) !important;
|
||||
}
|
||||
|
||||
.form-control:not(.btn):focus {
|
||||
color: var(--fg4) !important;
|
||||
background-color: var(--bg1) !important;
|
||||
}
|
||||
|
||||
.navbar[_ngcontent-swg-c118] .search-form-container[_ngcontent-swg-c118] .form-control[_ngcontent-swg-c118] {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.bg-secondary {
|
||||
background-color: var(--bg4) !important;
|
||||
}
|
||||
}
|
||||
188
src/sites/photopea.user.css
Normal file
188
src/sites/photopea.user.css
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Photopea
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.2
|
||||
@description Gruvbox Theme for Photopea
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/photopea.user.css
|
||||
@license MIT
|
||||
@var select accentColor "Accent Color" {
|
||||
"Aqua":"var(--aqua)",
|
||||
"Green*":"var(--green)",
|
||||
"Orange":"var(--orange)",
|
||||
"Blue":"var(--blue)",
|
||||
"Purple":"var(--purple)",
|
||||
"Red":"var(--red)",
|
||||
"Yellow":"var(--yellow)"
|
||||
}
|
||||
==/UserStyle== */
|
||||
@-moz-document domain("photopea.com") {
|
||||
|
||||
/*~~~~~ Base Colors ~~~~~*/
|
||||
html {
|
||||
--base: #282a36 !important;
|
||||
--bg-panel: #373949 !important;
|
||||
--bg-canvas: #44475a !important;
|
||||
--bg-input: #373949 !important;
|
||||
--bg-bbtn: #4d5166 !important;
|
||||
--bg-bbtnOver: #424457 !important;
|
||||
--brdr: #282a36 !important;
|
||||
--text-color: #f8f8f2 !important;
|
||||
--alphaDark: 0.25 !important;
|
||||
--gs-invert: 1 !important;
|
||||
--accent: var(--accentColor) !important;
|
||||
}
|
||||
|
||||
/*~~~~~ Style Alert Panel ~~~~~*/
|
||||
.alertpanel {
|
||||
background-color: var(--base);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
/*~~~~~ Style Input Elements ~~~~~*/
|
||||
input[type="checkbox"] {
|
||||
accent-color: var(--accent);
|
||||
}
|
||||
|
||||
input[type="range"] {
|
||||
accent-color: var(--accent);
|
||||
}
|
||||
|
||||
/*~~~~~ Style Storage Panel ~~~~~*/
|
||||
.storage {
|
||||
background-color: var(--base);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.storage .btn {
|
||||
background-color: var(--accent);
|
||||
}
|
||||
|
||||
.storage img {
|
||||
filter: invert(var(--gs-invert));
|
||||
}
|
||||
|
||||
/*~~~~~ Style Context Panel ~~~~~*/
|
||||
.cp_light {
|
||||
background-color: var(--bg-bbtn) !important;
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
.enab:hover {
|
||||
background-color: var(--accent) !important;
|
||||
}
|
||||
|
||||
.contextpanel hr {
|
||||
background: var(--text-color) !important;
|
||||
}
|
||||
|
||||
/*~~~~~ Style Template Browser ~~~~~*/
|
||||
#cats {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--bg-canvas);
|
||||
color: #9699aa;
|
||||
}
|
||||
|
||||
#cont {
|
||||
background-color: var(--base);
|
||||
}
|
||||
|
||||
.order {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
#kwds {
|
||||
color: var(--text-color);
|
||||
background-color: var(--bg-input);
|
||||
}
|
||||
|
||||
.blue,
|
||||
.clc:hover,
|
||||
.clickable:hover {
|
||||
border-color: var(--accent);
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.back {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.scrollable {
|
||||
scrollbar-color: var(--bg-input) var(--base);
|
||||
}
|
||||
|
||||
/*~~~~~ Style Gallery Plugin ~~~~~*/
|
||||
button[onclick="msg()"] {
|
||||
background: var(--base);
|
||||
color: var(--text-color);
|
||||
border: none;
|
||||
}
|
||||
|
||||
input#keyws {
|
||||
background: var(--bg-input);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
/*~~~~~ Hide Account Button ~~~~~*/
|
||||
button[style*="background-color:#bb0000"] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*~~~~~ Hide Social Icons ~~~~~*/
|
||||
.fitem[style*="cursor:pointer"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*~~~~~ Hide Outgoing Links ~~~~~*/
|
||||
.fitem[style*="cursor: pointer"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*~~~~~ Hide Ads ~~~~~*/
|
||||
#cap,
|
||||
body>.app>div[style*="z-index: 1"] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.mainblock>.block>div,
|
||||
body>.app>div>div[style*="width"] {
|
||||
width: unset !important;
|
||||
max-width: unset !important;
|
||||
}
|
||||
|
||||
body>.app>div>div[style*="width"]>div[style*="left"] {
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
body>.app>div {
|
||||
flex-basis: 100% !important;
|
||||
}
|
||||
|
||||
body>.app>div>.cmanager .contextpanel[style*="top: 163"] {
|
||||
left: unset !important;
|
||||
right: 32px !important;
|
||||
}
|
||||
|
||||
.mainblock {
|
||||
flex-grow: 1 !important;
|
||||
}
|
||||
|
||||
.mainblock>.block>div>div.pbody {
|
||||
width: max-content;
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
.intro {
|
||||
position: absolute !important;
|
||||
top: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
margin: auto !important;
|
||||
}
|
||||
}
|
||||
123
src/sites/pocketbase.user.css
Normal file
123
src/sites/pocketbase.user.css
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Pocketbase
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.3
|
||||
@description A dark Theme for Pocketbase
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/pocketbase.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document domain("api.m3.fyi") {
|
||||
|
||||
/*~~~~~ Base Colors ~~~~~*/
|
||||
:root {
|
||||
--txtPrimaryColor: var(--fg);
|
||||
--txtHintColor: var(--fg2);
|
||||
--txtDisabledColor: var(--fg3);
|
||||
--primaryColor: var(--green-dim);
|
||||
--bodyColor: var(--bg);
|
||||
--baseColor: var(--bg);
|
||||
--baseAlt1Color: var(--bg4);
|
||||
--baseAlt2Color: var(--bg3);
|
||||
--baseAlt3Color: var(--bg2);
|
||||
--baseAlt4Color: var(--bg1);
|
||||
--infoColor: var(--blue);
|
||||
--infoAltColor: var(--blue-dim);
|
||||
--successColor: var(--green);
|
||||
--successAltColor: var(--green-dim);
|
||||
--dangerColor: var(--red);
|
||||
--dangerAltColor: var(--red-dim);
|
||||
--warningColor: var(--orange);
|
||||
--warningAltColor: var(--orange-dim);
|
||||
--overlayColor: rgba(168, 153, 132, 0.25);
|
||||
--tooltipColor: var(--bg4);
|
||||
--shadowColor: rgba(50, 48, 47, 0.5);
|
||||
--accent-color: var(--primaryColor);
|
||||
}
|
||||
|
||||
/*~~~~~ Buttoms ~~~~~*/
|
||||
.btn-sm .btn-warning {
|
||||
background-color: var(--warningColor) !important;
|
||||
}
|
||||
|
||||
.btn.btn-secondary,
|
||||
.btn.btn-outline {
|
||||
color: var(--txtHintColor);
|
||||
background: var(--baseAlt4Color);
|
||||
}
|
||||
|
||||
/*~~~~~ Labels ~~~~~*/
|
||||
.label.label-warning,
|
||||
.label.label-info,
|
||||
.label.label-success,
|
||||
.alert {
|
||||
color: var(--baseColor);
|
||||
}
|
||||
|
||||
.alert.alert-warning .icon {
|
||||
color: var(--baseColor);
|
||||
}
|
||||
|
||||
/*~~~~~ Syntax Highlighting for Code fields ~~~~~*/
|
||||
.prism-light,
|
||||
.schema-field-options,
|
||||
code {
|
||||
background: var(--baseAlt4Color) !important;
|
||||
}
|
||||
|
||||
.prism-light .token.punctuation {
|
||||
color: var(--txtPrimaryColor);
|
||||
}
|
||||
|
||||
.prism-light .token.property {
|
||||
color: var(--infoColor);
|
||||
}
|
||||
|
||||
.prism-light .token.operator {
|
||||
color: var(--dangerColor);
|
||||
}
|
||||
|
||||
.prism-light .token.keyword {
|
||||
color: var(--dangerColor);
|
||||
}
|
||||
|
||||
.prism-light .token.string {
|
||||
color: var(--successColor);
|
||||
}
|
||||
|
||||
.prism-light .token.boolean {
|
||||
color: var(--warningColor);
|
||||
}
|
||||
|
||||
.prism-light .token.number {
|
||||
color: var(--orange);
|
||||
}
|
||||
|
||||
.prism-light .token.class-name {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
.prism-light .token.comment {
|
||||
color: var(--fg4);
|
||||
}
|
||||
|
||||
.prism-light .token.function {
|
||||
color: var(--purple);
|
||||
}
|
||||
|
||||
/*~~~~~ Colored Delete Icon ~~~~~*/
|
||||
.ri-delete-bin-7-line {
|
||||
color: var(--dangerColor);
|
||||
}
|
||||
|
||||
/*~~~~~ Syntax Highlighting for Regex Fields ~~~~~*/
|
||||
.ͼb {
|
||||
color: var(--purple);
|
||||
}
|
||||
|
||||
.ͼe {
|
||||
color: var(--dangerColor);
|
||||
}
|
||||
}
|
||||
229
src/sites/portainer.user.css
Normal file
229
src/sites/portainer.user.css
Normal file
|
|
@ -0,0 +1,229 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Portainer
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.2
|
||||
@description A dark Theme for Portainer
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/portainer.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
|
||||
@-moz-document domain("portainer.m3.fyi") {
|
||||
|
||||
/*~~~~~ Base Colors ~~~~~*/
|
||||
:root {
|
||||
--bg-body-color: var(--bg);
|
||||
--bg-panel-body-color: var(--bg1);
|
||||
--text-body-color: var(--fg);
|
||||
--border-panel-color: var(--bg2);
|
||||
--text-muted-color: var(--fg3);
|
||||
--grey-26: var(--fg3);
|
||||
--grey-38: var(--fg3);
|
||||
--grey-3: var(--bg2);
|
||||
--grey-2: var(--bg);
|
||||
--grey-8: var(--fg4);
|
||||
--grey-1: var(--bg1);
|
||||
--bg-inputbox: var(--bg3);
|
||||
--text-form-control-color: var(--fg);
|
||||
--border-form-control-color: var(--bg4);
|
||||
--border-searchbar: var(--bg4);
|
||||
--white-color: var(--fg);
|
||||
--border-blocklist: var(--bg4);
|
||||
--ui-success-6: var(--green);
|
||||
--ui-success-7: var(--green);
|
||||
--ui-error-9: var(--red);
|
||||
--bg-codemirror-color: var(--bg);
|
||||
--text-codemirror-color: var(--fg);
|
||||
--bg-sidebar-nav-color: var(--bg);
|
||||
--border-sidebar-color: var(--bg2);
|
||||
--ui-white: var(--fg);
|
||||
--text-cm-default-color: var(--orange);
|
||||
--text-cm-string-color: var(--green);
|
||||
}
|
||||
|
||||
.CodeMirror-linenumber {
|
||||
color: var(--fg3);
|
||||
}
|
||||
|
||||
.label-warning {
|
||||
background-color: var(--yellow);
|
||||
}
|
||||
|
||||
.cm-s-default .cm-comment {
|
||||
color: var(--yellow-dim);
|
||||
}
|
||||
|
||||
.label-primary,
|
||||
.label-info {
|
||||
background-color: var(--blue);
|
||||
}
|
||||
|
||||
.text-warning:is([theme="dark"] *) {
|
||||
color: var(--orange);
|
||||
}
|
||||
|
||||
.widget .widget-body table thead th .table-filter {
|
||||
color: var(--fg3);
|
||||
}
|
||||
|
||||
.th-dark\:bg-gray-warm-11:is([theme="dark"] *) {
|
||||
background-color: var(--bg3);
|
||||
}
|
||||
|
||||
.border-green-3,
|
||||
.border-gray-5 {
|
||||
border-color: var(--bg3) !important;
|
||||
}
|
||||
|
||||
.text-gray-5 {
|
||||
color: var(--fg2);
|
||||
}
|
||||
|
||||
.th-dark\:hover\:bg-gray-10:hover:is([theme="dark"] *) {
|
||||
background-color: var(--bg1);
|
||||
}
|
||||
|
||||
.th-dark\:bg-gray-iron-10:is([theme="dark"] *),
|
||||
.th-dark\:hover\:bg-gray-true-9:hover:is([theme="dark"] *) {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.bg-green-2,
|
||||
.th-dark\:bg-gray-true-8:is([theme="dark"] *) {
|
||||
background-color: var(--bg3);
|
||||
}
|
||||
|
||||
.text-gray-6,
|
||||
.\!text-gray-6,
|
||||
.form-section-title:is([theme="dark"] *) {
|
||||
color: var(--fg3) !important;
|
||||
}
|
||||
|
||||
.text-gray-3,
|
||||
.text-white {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.text-green-7,
|
||||
.\!text-green-7,
|
||||
.btn.btn-link:is([theme="dark"] *),
|
||||
.th-dark\:text-blue-7:is([theme="dark"] *) {
|
||||
color: var(--green) !important;
|
||||
}
|
||||
|
||||
.icon-orange,
|
||||
.icon-warning {
|
||||
color: var(--yellow) !important;
|
||||
}
|
||||
|
||||
.text-gray-7 {
|
||||
color: var(--fg2) !important;
|
||||
}
|
||||
|
||||
.btn.btn-dangerlight:is([theme="dark"] *),
|
||||
.btn-danger {
|
||||
background-color: var(--red) !important;
|
||||
color: var(--fg) !important;
|
||||
border-color: var(--red-dim) !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: var(--green) !important;
|
||||
color: var(--fg) !important;
|
||||
border-color: var(--green-dim) !important;
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder,
|
||||
.portainer-selector__placeholder {
|
||||
color: var(--fg4) !important;
|
||||
}
|
||||
|
||||
a.hyperlink:hover,
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: var(--fg2) !important;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
border-color: var(--green);
|
||||
box-shadow: inset 0 1px 1px rgba(40, 40, 40, 0.075),
|
||||
0 0 8px rgba(184, 187, 38, 0.6);
|
||||
}
|
||||
|
||||
input:checked+.slider {
|
||||
background-color: var(--green) !important;
|
||||
}
|
||||
|
||||
.th-dark\:bg-blue-3:is([theme="dark"] *) {
|
||||
background-color: var(--blue);
|
||||
}
|
||||
|
||||
.th-dark\:text-green-4:is([theme="dark"] *) {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.th-dark\:bg-green-4:is([theme="dark"] *) {
|
||||
background-color: var(--green);
|
||||
}
|
||||
|
||||
.icon {
|
||||
filter: var(--filter-reset) var(--filter-fg);
|
||||
-webkit-filter: var(--filter-reset) var(--filter-fg);
|
||||
}
|
||||
|
||||
.motd-body,
|
||||
.be-indicator,
|
||||
.business,
|
||||
li[aria-label="Authentication logs"],
|
||||
#sideview>sidebar>div>button,
|
||||
#sideview>sidebar>div>nav>div.flex>div>div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.th-dark\:bg-green-3\/30:is([theme="dark"] *) {
|
||||
background-color: var(--blue-dim);
|
||||
}
|
||||
|
||||
img[alt="docker endpoint"],
|
||||
g[clip-path="url(#portainer_logo_svg__a)"],
|
||||
path[fill="#0091E2"] {
|
||||
filter: var(--filter-reset) var(--filter-blue);
|
||||
-webkit-filter: var(--filter-reset) var(--filter-blue);
|
||||
}
|
||||
|
||||
.app-react-components-datatables-TableHeaderSortIcons-module__sort-icon,
|
||||
.portainer-selector__indicator,
|
||||
.searchIcon {
|
||||
filter: var(--filter-reset) var(--filter-fg2);
|
||||
-webkit-filter: var(--filter-reset) var(--filter-fg2);
|
||||
}
|
||||
|
||||
a,
|
||||
a.hyperlink {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.btn.btn-default:is([theme="dark"] *),
|
||||
.btn.btn-light:is([theme="dark"] *) {
|
||||
color: var(--fg) !important;
|
||||
background-color: var(--bg3);
|
||||
border-color: var(--bg4);
|
||||
}
|
||||
|
||||
.th-dark\:text-white:is([theme="dark"] *),
|
||||
.control-label:is([theme="dark"] *) {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.widget .widget-icon:is([theme="dark"] *) {
|
||||
border: none;
|
||||
background-color: var(--bg4);
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.th-dark\:hover\:bg-gray-9:hover:is([theme="dark"] *) {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
}
|
||||
349
src/sites/proxmox.user.css
Normal file
349
src/sites/proxmox.user.css
Normal file
|
|
@ -0,0 +1,349 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Proxmox
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.8
|
||||
@description Gruvbox Theme for Proxmox
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/proxmox.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
@-moz-document domain("pve.m3.fyi"), domain("pve.mniermann.de") {
|
||||
|
||||
.x-progress.critical .x-progress-bar,
|
||||
.proxmox-invalid-row {
|
||||
background-color: var(--red);
|
||||
}
|
||||
|
||||
#proxmoxlogo-1018-img {
|
||||
filter: var(--filter-reset) var(--filter-orange);
|
||||
}
|
||||
|
||||
.critical {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.warning {
|
||||
color: var(--yellow);
|
||||
}
|
||||
|
||||
.good {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.x-progress.warning .x-progress-bar {
|
||||
background-color: var(--yellow);
|
||||
}
|
||||
|
||||
.x-progress-default .x-progress-bar-default {
|
||||
background-color: var(--green);
|
||||
}
|
||||
|
||||
.x-progress-default {
|
||||
background-color: var(--fg4);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.x-mask {
|
||||
background-color: rgb(var(--rgb-bg4) / 70%) !important;
|
||||
}
|
||||
|
||||
.x-tab-icon-el-default,
|
||||
.x-column-header,
|
||||
.x-tab.x-tab-disabled.x-tab-default .x-tab-icon-el,
|
||||
.x-tab.x-tab-active.x-tab-default .x-tab-icon-el,
|
||||
.x-btn-icon-el-default-small,
|
||||
.x-treelist-item-icon,
|
||||
.x-treelist-item-text,
|
||||
.x-btn-inner-default-small,
|
||||
.x-tab-inner-default,
|
||||
.proxmox-inline-button .x-btn-inner,
|
||||
.x-btn-inner-default-toolbar-small,
|
||||
.x-mask-msg-inner,
|
||||
.x-legend-item,
|
||||
.x-tip-body-form-invalid,
|
||||
.x-body,
|
||||
.x-menu-item-text-default,
|
||||
.x-treelist-item-expander,
|
||||
.x-treelist-row-over>*>.x-treelist-item-icon,
|
||||
.x-treelist-row-over>*>.x-treelist-item-text {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
#userinfo {
|
||||
background-color: var(--bg4) !important;
|
||||
border-color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.x-grid-with-row-lines .x-grid-item-selected+.x-grid-item {
|
||||
border-top-color: var(--fg2);
|
||||
}
|
||||
|
||||
.x-btn-wrap-default-toolbar-small.x-btn-split-right:after,
|
||||
.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
|
||||
filter: var(--filter-reset) var(--filter-bg);
|
||||
}
|
||||
|
||||
.x-treelist-pve-nav,
|
||||
.x-treelist-item,
|
||||
.x-grid-item {
|
||||
background-color: var(--bg3);
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.x-treelist-item-selected>.x-treelist-row,
|
||||
.x-grid-item-selected,
|
||||
.x-menu-item-default.x-menu-item-focus,
|
||||
.x-menu-item-default.x-menu-item-active,
|
||||
.x-treelist-row-over,
|
||||
.x-column-header-over,
|
||||
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small,
|
||||
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small,
|
||||
.x-treelist-row-over>*>.x-treelist-item-expander,
|
||||
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small,
|
||||
.x-btn-over.x-btn-over.x-btn-default-toolbar-small,
|
||||
#noVNC_modifiers {
|
||||
border-color: var(--bg3);
|
||||
box-shadow: none;
|
||||
background-color: var(--fg4);
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.x-keyboard-mode .x-grid-item-focused,
|
||||
.x-keyboard-mode .x-column-header.x-column-header-focus {
|
||||
color: var(--fg2);
|
||||
}
|
||||
|
||||
.x-grid-with-row-lines .x-grid-item {
|
||||
border-color: var(--fg4);
|
||||
}
|
||||
|
||||
.x-tree-icon-custom.stopped,
|
||||
.x-grid-icon-custom.stopped,
|
||||
.x-tree-icon-custom.offline,
|
||||
.x-grid-icon-custom.offline {
|
||||
color: var(--fg3);
|
||||
}
|
||||
|
||||
.x-tree-icon-custom.running {
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
.noVNC_panel,
|
||||
.noVNC_panel .noVNC_heading {
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.usage-wrapper {
|
||||
border: 1px solid var(--bg2);
|
||||
}
|
||||
|
||||
.usage {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.x-tree-icon-custom {
|
||||
color: var(--bg1);
|
||||
}
|
||||
|
||||
.x-toolbar-default .x-toolbar-separator-horizontal {
|
||||
border-left-color: var(--fg4);
|
||||
border-right-color: var(--fg);
|
||||
}
|
||||
|
||||
.fa-ceph:before,
|
||||
.x-tree-arrows .x-tree-expander,
|
||||
.x-grid-row-console,
|
||||
.pve-itype-icon-cpu,
|
||||
.pve-itype-icon-memory,
|
||||
.x-menu-item-icon-default,
|
||||
.pve-itype-icon-serial,
|
||||
.noVNC_button {
|
||||
filter: var(--filter-reset) var(--filter-fg);
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small {
|
||||
border-color: var(--fg4);
|
||||
background-color: var(--fg3);
|
||||
}
|
||||
|
||||
.x-btn.x-btn-disabled.x-btn-default-toolbar-small {
|
||||
background-color: var(--fg3);
|
||||
}
|
||||
|
||||
.x-tree-icon-custom.running:after,
|
||||
.x-grid-icon-custom.running:after,
|
||||
.x-window-header-title-default,
|
||||
.x-panel-header-title-default,
|
||||
.x-tree-icon-custom.online:after,
|
||||
.x-grid-icon-custom.online:after {
|
||||
text-shadow: none;
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.x-boundlist,
|
||||
.x-mask-msg,
|
||||
#noVNC_control_bar,
|
||||
#noVNC_control_bar_handle,
|
||||
.noVNC_panel .noVNC_heading {
|
||||
background: var(--bg);
|
||||
border-color: var(--bg4);
|
||||
}
|
||||
|
||||
.x-form-item-label-default {
|
||||
color: var(--fg3);
|
||||
}
|
||||
|
||||
.x-tab.x-tab-disabled.x-tab-default {
|
||||
border-color: var(--bg4);
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.x-form-invalid-field-default,
|
||||
.x-form-text-default,
|
||||
.x-tab-bar-default,
|
||||
.x-menu-body-default {
|
||||
background-color: var(--bg3);
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus,
|
||||
.x-tool-tool-el {
|
||||
border-color: var(--green);
|
||||
}
|
||||
|
||||
.x-column-header {
|
||||
border-right: 1px solid var(--bg3);
|
||||
}
|
||||
|
||||
.x-panel-header-default,
|
||||
.x-column-header,
|
||||
.x-grid-header-ct {
|
||||
background-color: var(--bg2);
|
||||
border-color: var(--bg4);
|
||||
}
|
||||
|
||||
.x-grid-header-ct {
|
||||
border: 1px solid var(--bg4);
|
||||
}
|
||||
|
||||
.x-column-header-trigger,
|
||||
.x-menu-icon-separator-default {
|
||||
background-color: var(--bg2);
|
||||
border-left: 1px solid var(--bg4);
|
||||
}
|
||||
|
||||
.x-window-header-default .x-tool-img,
|
||||
.x-panel-header-default .x-tool-tool-el {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
body.x-border-layout-ct,
|
||||
div.x-border-layout-ct {
|
||||
background-color: var(--bg1);
|
||||
}
|
||||
|
||||
.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
|
||||
border-color: var(--red);
|
||||
}
|
||||
|
||||
.x-splitter-collapsed .x-layout-split-bottom,
|
||||
.x-layout-split-bottom,
|
||||
.x-column-header-sort-DESC .x-column-header-text-inner {
|
||||
filter: var(--filter-reset) var(--filter-fg2);
|
||||
}
|
||||
|
||||
.x-toolbar-default {
|
||||
background-color: var(--bg2);
|
||||
border-color: var(--bg4);
|
||||
}
|
||||
|
||||
.x-btn-over.x-btn-default-small {
|
||||
background-color: var(--green-dim);
|
||||
border-color: var(--green-dim);
|
||||
}
|
||||
|
||||
.x-btn-default-small,
|
||||
.x-tab.x-tab-active.x-tab-default,
|
||||
.x-btn.x-btn-disabled.x-btn-default-small {
|
||||
background-color: var(--green);
|
||||
border-color: var(--green);
|
||||
}
|
||||
|
||||
.x-body {
|
||||
color: var(--fg);
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
.x-window-default {
|
||||
border-color: var(--bg4);
|
||||
background-color: var(--bg4);
|
||||
}
|
||||
|
||||
.x-window-header-default,
|
||||
.x-panel-default,
|
||||
.x-form-trigger-wrap-default,
|
||||
.x-tab-default,
|
||||
.x-grid-with-col-lines .x-grid-item-selected .x-grid-cell {
|
||||
border-color: var(--bg4);
|
||||
}
|
||||
|
||||
.x-form-trigger-default {
|
||||
background-color: var(--bg1);
|
||||
}
|
||||
|
||||
.x-window-header-default-top,
|
||||
.x-toolbar-footer,
|
||||
.x-tab-default-top {
|
||||
background-color: var(--bg2);
|
||||
}
|
||||
|
||||
.x-tip-form-invalid {
|
||||
background-color: var(--bg3);
|
||||
border: var(--bg4);
|
||||
}
|
||||
|
||||
.x-window-body-default,
|
||||
.x-panel-body-default,
|
||||
.x-message-box .x-window-body {
|
||||
border-color: var(--bg4);
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
.x-form-text-default::placeholder {
|
||||
color: var(--fg3);
|
||||
}
|
||||
|
||||
.x-keyboard-mode .x-tab-default-top.x-tab-focus.x-tab-default,
|
||||
.x-keyboard-mode .x-tab-default-top.x-tab-focus.x-tab-over.x-tab-default,
|
||||
.x-keyboard-mode .x-tab-default-top.x-tab-active.x-tab-over.x-tab-default,
|
||||
.x-keyboard-mode .x-btn-focus.x-btn-default-small,
|
||||
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-small,
|
||||
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-small {
|
||||
background: var(--green-dim);
|
||||
border-color: var(--green-dim);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.x-boundlist-item-over,
|
||||
.x-boundlist-selected,
|
||||
.x-tab-over.x-tab-default {
|
||||
background: var(--green);
|
||||
border-color: var(--green);
|
||||
}
|
||||
|
||||
.x-legend-horizontal .x-legend-item {
|
||||
border-color: var(--fg4) !important;
|
||||
}
|
||||
|
||||
.x-boundlist-item,
|
||||
.x-legend-container,
|
||||
.x-legend {
|
||||
background: var(--bg2);
|
||||
color: var(--fg);
|
||||
box-shadow: none;
|
||||
border-color: var(--bg4);
|
||||
}
|
||||
}
|
||||
131
src/sites/searx.user.css
Normal file
131
src/sites/searx.user.css
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
/* ==UserStyle==
|
||||
@name Gruvbox for Searx
|
||||
@namespace git.m3.fyi/Marsn3
|
||||
@version 1.0.5
|
||||
@description Gruvbox Theme for Searx
|
||||
@author Marsn3
|
||||
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
||||
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/searx.user.css
|
||||
@license MIT
|
||||
==/UserStyle== */
|
||||
@-moz-document domain("search.m3.fyi") {
|
||||
:root.theme-auto {
|
||||
--color-base-font: var(--fg);
|
||||
--color-base-font-rgb: 187, 187, 187;
|
||||
--color-base-background: var(--bg);
|
||||
--color-base-background-mobile: var(--bg);
|
||||
--color-url-font: var(--green);
|
||||
--color-url-visited-font: var(--purple);
|
||||
--color-header-background: var(--bg1);
|
||||
--color-header-border: var(--bg2);
|
||||
--color-footer-background: var(--bg1);
|
||||
--color-footer-border: var(--bg2);
|
||||
--color-sidebar-border: var(--fg1);
|
||||
--color-sidebar-font: var(--fg);
|
||||
--color-sidebar-background: var(--bg3);
|
||||
--color-backtotop-font: var(--fg);
|
||||
--color-backtotop-border: var(--bg2);
|
||||
--color-backtotop-background: var(--bg);
|
||||
--color-btn-background: var(--green);
|
||||
--color-btn-font: var(--bg1);
|
||||
--color-show-btn-background: var(--bg3);
|
||||
--color-show-btn-font: var(--fg);
|
||||
--color-search-border: var(--fg1);
|
||||
--color-search-shadow: 0 2px 8px rgba(34, 38, 46, 0.25);
|
||||
--color-search-background: var(--bg2);
|
||||
--color-search-font: var(--fg);
|
||||
--color-search-background-hover: var(--green);
|
||||
--color-error: var(--red);
|
||||
--color-error-background: var(--bg_h);
|
||||
--color-warning: var(--yellow);
|
||||
--color-warning-background: var(--bg_h);
|
||||
--color-success: var(--green);
|
||||
--color-success-background: var(--bg_h);
|
||||
--color-categories-item-selected-font: var(--green);
|
||||
--color-categories-item-border-selected: var(--green);
|
||||
--color-autocomplete-font: var(--fg);
|
||||
--color-autocomplete-border: var(--fg1);
|
||||
--color-autocomplete-shadow: 0 2px 8px rgba(34, 38, 46, 0.25);
|
||||
--color-autocomplete-background: var(--bg);
|
||||
--color-autocomplete-background-hover: var(--bg1);
|
||||
--color-answer-font: var(--fg);
|
||||
--color-answer-background: var(--bg);
|
||||
--color-result-background: var(--bg);
|
||||
--color-result-border: var(--bg2);
|
||||
--color-result-url-font: var(--fg);
|
||||
--color-result-vim-selected: #1f1f23cc;
|
||||
--color-result-vim-arrow: var(--green);
|
||||
--color-result-description-highlight-font: var(--fg);
|
||||
--color-result-link-font: var(--green);
|
||||
--color-result-link-font-highlight: var(--green);
|
||||
--color-result-link-visited-font: var(--purple);
|
||||
--color-result-publishdate-font: var(--fg4);
|
||||
--color-result-engines-font: var(--fg3);
|
||||
--color-result-search-url-border: var(--fg1);
|
||||
--color-result-search-url-font: var(--fg);
|
||||
--color-result-detail-font: var(--fg);
|
||||
--color-result-detail-label-font: var(--fg2);
|
||||
--color-result-detail-background: var(--bg2);
|
||||
--color-result-detail-hr: var(--fg1);
|
||||
--color-result-detail-link: var(--green);
|
||||
--color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
|
||||
--color-result-detail-loader-borderleft: rgba(0, 0, 0, 0);
|
||||
--color-result-image-span-font: var(--fg);
|
||||
--color-result-image-span-font-selected: var(--bg1);
|
||||
--color-result-image-background: var(--bg1);
|
||||
--color-settings-tr-hover: var(--fg4);
|
||||
--color-settings-engine-description-font: var(--fg1);
|
||||
--color-settings-engine-group-background: var(--bg3);
|
||||
--color-toolkit-badge-font: var(--fg);
|
||||
--color-toolkit-badge-background: var(--fg1);
|
||||
--color-toolkit-kbd-font: var(--fg);
|
||||
--color-toolkit-kbd-background: var(--fg);
|
||||
--color-toolkit-dialog-border: var(--fg1);
|
||||
--color-toolkit-dialog-background: var(--bg1);
|
||||
--color-toolkit-tabs-label-border: var(--bg1);
|
||||
--color-toolkit-tabs-section-border: var(--fg1);
|
||||
--color-toolkit-select-background: var(--bg4);
|
||||
--color-toolkit-select-border: var(--fg1);
|
||||
--color-toolkit-select-background-hover: var(--fg2);
|
||||
--color-toolkit-input-text-font: var(--fg);
|
||||
--color-toolkit-checkbox-onoff-off-background: var(--bg4);
|
||||
--color-toolkit-checkbox-onoff-on-background: var(--bg4);
|
||||
--color-toolkit-checkbox-onoff-on-mark-background: var(--green);
|
||||
--color-toolkit-checkbox-onoff-on-mark-color: var(--bg1);
|
||||
--color-toolkit-checkbox-onoff-off-mark-background: var(--fg2);
|
||||
--color-toolkit-checkbox-onoff-off-mark-color: var(--bg1);
|
||||
--color-toolkit-checkbox-label-background: var(--bg1);
|
||||
--color-toolkit-checkbox-label-border: var(--bg2);
|
||||
--color-toolkit-checkbox-input-border: var(--green);
|
||||
--color-toolkit-engine-tooltip-border: var(--bg2);
|
||||
--color-toolkit-engine-tooltip-background: var(--bg1);
|
||||
--color-toolkit-loader-border: rgba(255, 255, 255, 0.2);
|
||||
--color-toolkit-loader-borderleft: rgba(0, 0, 0, 0);
|
||||
--color-doc-code: var(--red);
|
||||
--color-doc-code-background: var(--bg_h);
|
||||
}
|
||||
|
||||
.logo,
|
||||
.index .title,
|
||||
#search_logo svg {
|
||||
filter: var(--filter-reset) var(--filter-green);
|
||||
}
|
||||
|
||||
.search_filters select {
|
||||
filter: var(--filter-reset) var(--filter-fg) !important;
|
||||
}
|
||||
|
||||
#main_index {
|
||||
margin-top: 0em;
|
||||
}
|
||||
|
||||
#links_on_top a:visited,
|
||||
footer a:visited {
|
||||
color: var(--green);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.autocomplete.open {
|
||||
border: 1px solid var(--bg1);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,355 +0,0 @@
|
|||
/* ==UserStyle==
|
||||
@name Dynasty Reader Catppuccin
|
||||
@namespace git.m3.fyi/marsn3/userstyles/src/branch/main/styles/dynasty-scans
|
||||
@homepageURL https://git.m3.fyi/marsn3/userstyles/src/branch/main/styles/dynasty-scans
|
||||
@version 0.0.2
|
||||
@updateURL https://git.m3.fyi/marsn3/userstyles/raw/branch/main/styles/dynasty-scans/catppuccin.user.css
|
||||
@supportURL https://git.m3.fyi/marsn3/userstyles/issues/new
|
||||
@description Soothing pastel theme for Dynasty Scans
|
||||
@author Marsn3
|
||||
@license MIT
|
||||
|
||||
@preprocessor less
|
||||
@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
|
||||
@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
|
||||
@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
|
||||
==/UserStyle== */
|
||||
@-moz-document domain('dynasty-scans.com') {
|
||||
/* This section applies the light/dark themes automatically based on the user's system theme.
|
||||
Use the below example CSS to start if the website you are theming doesn't have a light/dark mode toggle.
|
||||
For an actual example of this, see https://github.com/catppuccin/userstyles/blob/39288b593278e5efa48007d5fc001292cf910672/styles/brave-search/catppuccin.user.css#L16-L29.
|
||||
*/
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
#catppuccin(@lightFlavor, @accentColor);
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
#catppuccin(@darkFlavor, @accentColor);
|
||||
}
|
||||
}
|
||||
|
||||
/* If the website you are theming *does* have a light/dark mode toggle,
|
||||
you can conditionally enable light/dark flavors by targeting whatever
|
||||
attribute that website uses to indicate the theme. *The example below gives you an idea of what
|
||||
to look for. The website you are theming may use a class-based approach (e.g. :root.theme-dark),
|
||||
or any of the myriad of other methods like this.*
|
||||
Use the below example CSS to start if this is the case.
|
||||
For an actual example of this, see https://github.com/catppuccin/userstyles/blob/39288b593278e5efa48007d5fc001292cf910672/styles/youtube/catppuccin.user.css#L21-L30.
|
||||
*/
|
||||
:root[data-theme="dark"] {
|
||||
#catppuccin(@darkFlavor, @accentColor);
|
||||
}
|
||||
:root[data-theme="light"] {
|
||||
#catppuccin(@lightFlavor, @accentColor);
|
||||
}
|
||||
|
||||
#catppuccin(@lookup, @accent) {
|
||||
@rosewater: @catppuccin[@@lookup][@rosewater];
|
||||
@flamingo: @catppuccin[@@lookup][@flamingo];
|
||||
@pink: @catppuccin[@@lookup][@pink];
|
||||
@mauve: @catppuccin[@@lookup][@mauve];
|
||||
@red: @catppuccin[@@lookup][@red];
|
||||
@maroon: @catppuccin[@@lookup][@maroon];
|
||||
@peach: @catppuccin[@@lookup][@peach];
|
||||
@yellow: @catppuccin[@@lookup][@yellow];
|
||||
@green: @catppuccin[@@lookup][@green];
|
||||
@teal: @catppuccin[@@lookup][@teal];
|
||||
@sky: @catppuccin[@@lookup][@sky];
|
||||
@sapphire: @catppuccin[@@lookup][@sapphire];
|
||||
@blue: @catppuccin[@@lookup][@blue];
|
||||
@lavender: @catppuccin[@@lookup][@lavender];
|
||||
@text: @catppuccin[@@lookup][@text];
|
||||
@subtext1: @catppuccin[@@lookup][@subtext1];
|
||||
@subtext0: @catppuccin[@@lookup][@subtext0];
|
||||
@overlay2: @catppuccin[@@lookup][@overlay2];
|
||||
@overlay1: @catppuccin[@@lookup][@overlay1];
|
||||
@overlay0: @catppuccin[@@lookup][@overlay0];
|
||||
@surface2: @catppuccin[@@lookup][@surface2];
|
||||
@surface1: @catppuccin[@@lookup][@surface1];
|
||||
@surface0: @catppuccin[@@lookup][@surface0];
|
||||
@base: @catppuccin[@@lookup][@base];
|
||||
@mantle: @catppuccin[@@lookup][@mantle];
|
||||
@crust: @catppuccin[@@lookup][@crust];
|
||||
@accent-color: @catppuccin[@@lookup][@@accent];
|
||||
|
||||
color-scheme: if(@lookup =latte, light, dark);
|
||||
|
||||
::selection {
|
||||
background-color: fade(@accent-color, 30%);
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
&::placeholder {
|
||||
color: @subtext0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Start styling your website here: */
|
||||
background-color: @base;
|
||||
body {
|
||||
background: @base;
|
||||
}
|
||||
.navbar-inverse .navbar-search .search-query:focus,
|
||||
.navbar-inverse .navbar-search .search-query.focused {
|
||||
background: @base;
|
||||
text-shadow: none;
|
||||
color: @text;
|
||||
}
|
||||
.navbar-inverse .navbar-search .search-query {
|
||||
background: @surface0;
|
||||
color: @text;
|
||||
}
|
||||
.nav-pills > .active > a,
|
||||
.nav-pills > .active > a:hover,
|
||||
.nav-pills > .active > a:focus {
|
||||
color: @base;
|
||||
background-color: @accent-color;
|
||||
}
|
||||
|
||||
.btn.active {
|
||||
background-color: @surface0;
|
||||
color: @text;
|
||||
border-color: @overlay0;
|
||||
background-image: none;
|
||||
}
|
||||
.btn {
|
||||
background-color: @surface2;
|
||||
color: @text;
|
||||
border-color: @overlay0;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
i {
|
||||
filter: drop-shadow(0px 1000px 0 @text);
|
||||
transform: translateY(-1000px);
|
||||
}
|
||||
#content.container {
|
||||
background: @crust;
|
||||
}
|
||||
body,
|
||||
#main.chapters .chapter .title,
|
||||
#reader .pages-list a {
|
||||
color: @text;
|
||||
}
|
||||
#reader .pages-list a:hover {
|
||||
background: @accent-color;
|
||||
color: @base;
|
||||
}
|
||||
|
||||
#main.chapters .chapter,
|
||||
.thumbnail .caption {
|
||||
color: @subtext0;
|
||||
}
|
||||
.label,
|
||||
.badge {
|
||||
color: @subtext1;
|
||||
background-color: @surface0;
|
||||
}
|
||||
a {
|
||||
color: @accent-color;
|
||||
}
|
||||
.nav-list > li > a,
|
||||
.nav-list .nav-header {
|
||||
text-shadow: none;
|
||||
}
|
||||
#content.container {
|
||||
box-shadow: 0 0 10px @mantle;
|
||||
}
|
||||
#main.chapters .chapter .title small {
|
||||
color: @subtext1;
|
||||
}
|
||||
.thumbnail {
|
||||
border-color: @overlay0;
|
||||
}
|
||||
.pagination ul > li > a,
|
||||
.pagination ul > li > span {
|
||||
background-color: @surface0;
|
||||
border-color: @surface1;
|
||||
}
|
||||
.pagination ul > .active > a,
|
||||
.pagination ul > .active > span {
|
||||
color: @base;
|
||||
background-color: @accent-color;
|
||||
}
|
||||
a.thumbnail:hover,
|
||||
a.thumbnail:focus {
|
||||
border-color: @accent-color;
|
||||
box-shadow: 0 1px 4px fade(@accent-color, 25%);
|
||||
}
|
||||
.nav > li > a:hover,
|
||||
.nav > li > a:focus {
|
||||
background-color: @accent-color;
|
||||
color: @base;
|
||||
text-shadow: none;
|
||||
}
|
||||
#reader .pages-list a.active {
|
||||
background: fade(@accent-color, 80%);
|
||||
color: @base;
|
||||
}
|
||||
select {
|
||||
color: @text;
|
||||
background-color: @surface1;
|
||||
border-color: @surface2;
|
||||
}
|
||||
#main.topics.index .forum_topic:nth-child(2n + 1) {
|
||||
background: @base;
|
||||
}
|
||||
#main.topics.index .forum_topic {
|
||||
border-color: @surface1;
|
||||
}
|
||||
.toolbar,
|
||||
#main .posts .forum_post .info {
|
||||
background: @surface0;
|
||||
border-color: @surface2;
|
||||
}
|
||||
#main.topics.index .forum_topic .info > span {
|
||||
background: @surface1;
|
||||
color: @text;
|
||||
}
|
||||
.caret {
|
||||
border-top-color: @text;
|
||||
}
|
||||
.well {
|
||||
background-color: @mantle;
|
||||
}
|
||||
.well legend {
|
||||
color: @text;
|
||||
}
|
||||
/* If you need to specify an overwrite specific to a flavor
|
||||
* (e.g. only when the flavor is set to latte), you can use a `when` guard clause. */
|
||||
& when (@lookup =latte) {
|
||||
/* ... */
|
||||
}
|
||||
/* You can also negate the statement above by using
|
||||
* a `when not` guard clause. */
|
||||
& when not (@lookup =latte) {
|
||||
/* ... */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* prettier-ignore */
|
||||
@catppuccin: {
|
||||
@latte: {
|
||||
@rosewater: #dc8a78;
|
||||
@flamingo: #dd7878;
|
||||
@pink: #ea76cb;
|
||||
@mauve: #8839ef;
|
||||
@red: #d20f39;
|
||||
@maroon: #e64553;
|
||||
@peach: #fe640b;
|
||||
@yellow: #df8e1d;
|
||||
@green: #40a02b;
|
||||
@teal: #179299;
|
||||
@sky: #04a5e5;
|
||||
@sapphire: #209fb5;
|
||||
@blue: #1e66f5;
|
||||
@lavender: #7287fd;
|
||||
@text: #4c4f69;
|
||||
@subtext1: #5c5f77;
|
||||
@subtext0: #6c6f85;
|
||||
@overlay2: #7c7f93;
|
||||
@overlay1: #8c8fa1;
|
||||
@overlay0: #9ca0b0;
|
||||
@surface2: #acb0be;
|
||||
@surface1: #bcc0cc;
|
||||
@surface0: #ccd0da;
|
||||
@base: #eff1f5;
|
||||
@mantle: #e6e9ef;
|
||||
@crust: #dce0e8;
|
||||
}
|
||||
;
|
||||
@frappe: {
|
||||
@rosewater: #f2d5cf;
|
||||
@flamingo: #eebebe;
|
||||
@pink: #f4b8e4;
|
||||
@mauve: #ca9ee6;
|
||||
@red: #e78284;
|
||||
@maroon: #ea999c;
|
||||
@peach: #ef9f76;
|
||||
@yellow: #e5c890;
|
||||
@green: #a6d189;
|
||||
@teal: #81c8be;
|
||||
@sky: #99d1db;
|
||||
@sapphire: #85c1dc;
|
||||
@blue: #8caaee;
|
||||
@lavender: #babbf1;
|
||||
@text: #c6d0f5;
|
||||
@subtext1: #b5bfe2;
|
||||
@subtext0: #a5adce;
|
||||
@overlay2: #949cbb;
|
||||
@overlay1: #838ba7;
|
||||
@overlay0: #737994;
|
||||
@surface2: #626880;
|
||||
@surface1: #51576d;
|
||||
@surface0: #414559;
|
||||
@base: #303446;
|
||||
@mantle: #292c3c;
|
||||
@crust: #232634;
|
||||
}
|
||||
;
|
||||
@macchiato: {
|
||||
@rosewater: #f4dbd6;
|
||||
@flamingo: #f0c6c6;
|
||||
@pink: #f5bde6;
|
||||
@mauve: #c6a0f6;
|
||||
@red: #ed8796;
|
||||
@maroon: #ee99a0;
|
||||
@peach: #f5a97f;
|
||||
@yellow: #eed49f;
|
||||
@green: #a6da95;
|
||||
@teal: #8bd5ca;
|
||||
@sky: #91d7e3;
|
||||
@sapphire: #7dc4e4;
|
||||
@blue: #8aadf4;
|
||||
@lavender: #b7bdf8;
|
||||
@text: #cad3f5;
|
||||
@subtext1: #b8c0e0;
|
||||
@subtext0: #a5adcb;
|
||||
@overlay2: #939ab7;
|
||||
@overlay1: #8087a2;
|
||||
@overlay0: #6e738d;
|
||||
@surface2: #5b6078;
|
||||
@surface1: #494d64;
|
||||
@surface0: #363a4f;
|
||||
@base: #24273a;
|
||||
@mantle: #1e2030;
|
||||
@crust: #181926;
|
||||
}
|
||||
;
|
||||
@mocha: {
|
||||
@rosewater: #f5e0dc;
|
||||
@flamingo: #f2cdcd;
|
||||
@pink: #f5c2e7;
|
||||
@mauve: #cba6f7;
|
||||
@red: #f38ba8;
|
||||
@maroon: #eba0ac;
|
||||
@peach: #fab387;
|
||||
@yellow: #f9e2af;
|
||||
@green: #a6e3a1;
|
||||
@teal: #94e2d5;
|
||||
@sky: #89dceb;
|
||||
@sapphire: #74c7ec;
|
||||
@blue: #89b4fa;
|
||||
@lavender: #b4befe;
|
||||
@text: #cdd6f4;
|
||||
@subtext1: #bac2de;
|
||||
@subtext0: #a6adc8;
|
||||
@overlay2: #9399b2;
|
||||
@overlay1: #7f849c;
|
||||
@overlay0: #6c7086;
|
||||
@surface2: #585b70;
|
||||
@surface1: #45475a;
|
||||
@surface0: #313244;
|
||||
@base: #1e1e2e;
|
||||
@mantle: #181825;
|
||||
@crust: #11111b;
|
||||
}
|
||||
;
|
||||
}
|
||||
|
||||
// vim:ft=less
|
||||
Loading…
Add table
Reference in a new issue