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

Basic Nord Color Scheme

Browse source
This commit is contained in:
Mars Niermann 2023-12-01 09:20:21 +01:00
parent 8351d809b1
commit b8dc6b8ada
1 changed files with 147 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

147
src/base/nord.user.css
View file

@ -0,0 +1,147 @@
/* ==UserStyle==
@name Nord Base
@namespace git.m3.fyi/Marsn3
@version 1.0.0
@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: #d8dee9 !important;
--fg4: #d8dee9 !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*/
/*TODO: Adapt to nord color scheme*/
/*?Background Colors*/
--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;
/*?Foreground Colors*/
--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;
/*?Primary Colors*/
--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;
/*?Secondary Colors*/
--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;
/*!CSS Filters*/
--filter-reset: brightness(0) saturate(100%) !important;
/*TODO: Adapt to nord color scheme*/
/*?Background Colors*/
--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;
/*?Foreground Colors*/
--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;
/*?Primary Colors*/
--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;
/*?Secondary Colors*/
--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;
/*!Global Font Setings*/
--monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
monospace, emoji !important;
/*!Background Image*/
--bg-road: url("https://cdn.m3.fyi/bg.jpg") !important;
}
}