Marsn3/userstyles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

+}Update base.css to add filter variables for color definitions

Browse source
This commit is contained in:
Mars Niermann 2023-03-10 12:27:04 +00:00
parent b12e2a2d33
commit 4845ce41ad
1 changed files with 94 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
src/base.css
View file

@ -42,6 +42,68 @@
--aqua-dim: #689d6a;
--gray-dim: #a89984;
--orange-dim: #d65d0e;
--filter-reset: brightness(0) saturate(100%);
--filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
brightness(101%) contrast(91%);
--filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg)
brightness(97%) contrast(91%);
--filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg)
brightness(90%) contrast(79%);
--filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg)
brightness(92%) contrast(81%);
--filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg)
brightness(93%) contrast(85%);
--filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg)
brightness(99%) contrast(89%);
--filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg)
brightness(93%) contrast(84%);
--filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg)
brightness(108%) contrast(97%);
--filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg)
brightness(95%) contrast(95%);
--filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg)
brightness(88%) contrast(89%);
--filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg)
brightness(85%) contrast(90%);
--filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg)
brightness(85%) contrast(81%);
--filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg)
brightness(101%) contrast(97%);
--filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg)
brightness(99%) contrast(85%);
--filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg)
brightness(102%) contrast(96%);
--filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg)
brightness(89%) contrast(90%);
--filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg)
brightness(89%) contrast(84%);
--filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg)
brightness(94%) contrast(91%);
--filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg)
brightness(92%) contrast(87%);
--filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg)
brightness(102%) contrast(99%);
--filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg)
brightness(81%) contrast(98%);
--filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg)
brightness(96%) contrast(93%);
--filter-yellow-dim: invert(67%) sepia(94%) saturate(516%)
hue-rotate(343deg) brightness(88%) contrast(90%);
--filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg)
brightness(96%) contrast(91%);
--filter-purple-dim: invert(48%) sepia(12%) saturate(1818%)
hue-rotate(280deg) brightness(91%) contrast(81%);
--filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg)
brightness(98%) contrast(79%);
--filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg)
brightness(82%) contrast(82%);
--filter-orange-dim: invert(37%) sepia(99%) saturate(2942%)
hue-rotate(12deg) brightness(98%) contrast(89%);
--monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
monospace, emoji;
}