From b8dc6b8adad4bb00af23c4109975e6a55fc49ec0 Mon Sep 17 00:00:00 2001 From: Mars Niermann Date: Fri, 1 Dec 2023 09:20:21 +0100 Subject: [PATCH] Basic Nord Color Scheme --- src/base/nord.user.css | 147 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 147 insertions(+) diff --git a/src/base/nord.user.css b/src/base/nord.user.css index e69de29..4a81912 100644 --- a/src/base/nord.user.css +++ b/src/base/nord.user.css @@ -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; + } + } \ No newline at end of file