From 9007e87a001f1ec694631fea625b71fd556731a2 Mon Sep 17 00:00:00 2001 From: Adrian Karlen Date: Thu, 27 Nov 2025 10:45:30 +0100 Subject: [PATCH 1/8] feat(advent-of-code): port from catppucccin --- styles/advent-of-code/license | 47 ++++ styles/advent-of-code/readme.md | 31 +++ styles/advent-of-code/rose-pine.user.less | 283 ++++++++++++++++++++++ 3 files changed, 361 insertions(+) create mode 100644 styles/advent-of-code/license create mode 100644 styles/advent-of-code/readme.md create mode 100644 styles/advent-of-code/rose-pine.user.less diff --git a/styles/advent-of-code/license b/styles/advent-of-code/license new file mode 100644 index 0000000..622f328 --- /dev/null +++ b/styles/advent-of-code/license @@ -0,0 +1,47 @@ +This theme includes code from the original theme Catppuccin, which is licensed under the MIT License: + +Catppuccin MIT License + +Copyright (c) 2021 Catppuccin + +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. + +All modifications and additions to the original theme are licensed under the MIT License: + +Rosé Pine MIT License + +Copyright (c) 2024 Rosé Pine + +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. diff --git a/styles/advent-of-code/readme.md b/styles/advent-of-code/readme.md new file mode 100644 index 0000000..0a09f92 --- /dev/null +++ b/styles/advent-of-code/readme.md @@ -0,0 +1,31 @@ +

+ +

Rosé Pine for Advent of Code

+

+ +

All natural pine, faux fur and a bit of soho vibes for the classy minimalist

+ +

+ + + + +

+ +## Usage + +1. Make sure you have the [Stylus](https://github.com/openstyles/stylus) browser + extension installed, then visit + [this link](https://github.com/rose-pine/userstyles/raw/main/styles/advent-of-code/rose-pine.user.less) +2. Configure your preferred accent color and theme variant +3. Click install on the top left + +## Gallery + +![Rosé Pine](link-to-image) ![Rosé Pine Moon](link-to-image) +![Rosé Pine Dawn](link-to-image) + +## Thanks to + +- [Catppuccin Org](https://github.com/catppuccin) +- [adriankarlen](https://github.com/adriankarlen) diff --git a/styles/advent-of-code/rose-pine.user.less b/styles/advent-of-code/rose-pine.user.less new file mode 100644 index 0000000..de3b045 --- /dev/null +++ b/styles/advent-of-code/rose-pine.user.less @@ -0,0 +1,283 @@ +/* ==UserStyle== +@name Rosé Pine for Advent of Code +@description Soho vibes for Advent of Code +@version 1.0.0 +@license MIT +@author Rosé Pine (https://github.com/rose-pine) +@namespace https://github.com/rose-pine +@homepageURL https://github.com/rose-pine/userstyles +@updateURL https://github.com/rose-pine/userstyles/raw/main/styles/{{directory}}/rose-pine.user.less +@preprocessor less + +@var select lightVariant "Light Variant" ["main:Rosé Pine", "moon:Rosé Pine Moon", "dawn:Rosé Pine Dawn*"] +@var select darkVariant "Dark Variant" ["main:Rosé Pine*", "moon:Rosé Pine Moon", "dawn:Rosé Pine Dawn"] +==/UserStyle== */ + +@-moz-document domain("adventofcode.com") { + :root { + @media (prefers-color-scheme: light) { + #rose-pine(@lightVariant); + } + @media (prefers-color-scheme: dark) { + #rose-pine(@darkVariant); + } + } + + :root[data-theme="dark"] { + #rose-pine(@darkVariant); + } + :root[data-theme="light"] { + #rose-pine(@lightVariant); + } + + #rose-pine(@variant) { + @base: @rose-pine[@@variant][@base]; + @surface: @rose-pine[@@variant][@surface]; + @overlay: @rose-pine[@@variant][@overlay]; + @muted: @rose-pine[@@variant][@muted]; + @subtle: @rose-pine[@@variant][@subtle]; + @text: @rose-pine[@@variant][@text]; + @love: @rose-pine[@@variant][@love]; + @gold: @rose-pine[@@variant][@gold]; + @rose: @rose-pine[@@variant][@rose]; + @pine: @rose-pine[@@variant][@pine]; + @foam: @rose-pine[@@variant][@foam]; + @iris: @rose-pine[@@variant][@iris]; + @highlightLow: @rose-pine[@@variant][@highlightLow]; + @highlightMed: @rose-pine[@@variant][@highlightMed]; + @highlightHigh: @rose-pine[@@variant][@highlightHigh]; + color-scheme: if(@variant = dawn, light, dark); + + body { + background: @base; + color: @text; + + header h1 a, + header h1 span { + color: @pine; + text-shadow: + 0 0 2px @pine, + 0 0 5px @pine; + } + + a { + color: @pine; + } + + .star-count { + color: @gold; + } + + .quiet { + color: @muted; + opacity: 1; + } + + .share, + .share:hover, + input[type="submit"] { + color: @pine; + } + + main { + article { + em { + color: @text; + text-shadow: 0 0 5px @text; + } + + h2 { + color: @text; + } + + input[type="radio"]:checked ~ span, + input[type="checkbox"]:checked ~ span { + color: @text; + } + + input[type="radio"] ~ span:hover, + input[type="radio"] ~ span:focus, + input[type="checkbox"]:hover ~ span, + input[type="checkbox"]:focus ~ span { + background-color: @crust; + } + } + .supporter-badge { + color: @gold; + } + + .supporter-badge:hover { + color: @gold; + text-shadow: 0 0 5px @gold; + } + + .sponsor-badge { + color: @foam; + } + + .sponsor-badge:hover, + .sponsor-badge:focus { + color: @foam; + text-shadow: 0 0 5px @foam; + } + + .leaderboard-entry { + .leaderboard-position { + color: @subtle; + } + .leaderboard-totalscore { + color: @text; + } + } + + .leaderboard-daylinks-selected { + color: @text; + text-shadow: 0 0 5px @text; + } + + .leaderboard-daylinks-selected:hover { + color: @pine; + } + + .leaderboard-anon { + opacity: 1; + color: @muted; + } + .calendar { + .calendar-color-w { + color: @text; + } + .calendar-color-s { + color: @gold; + } + .calendar-color-c { + color: @subtle; + } + .calendar-color-g3 { + color: darken(@pine, 3%); + } + .calendar-color-g2 { + color: @pine; + } + .calendar-color-g4 { + color: darken(@pine, 3.5%); + } + .calendar-color-u { + color: @sky; + } + .calendar-color-a { + color: @muted; + } + .calendar-color-g1 { + color: darken(@pine, 2.5%); + } + .calendar-color-g0 { + color: darken(@pine, 2%); + } + .calendar-color-l { + color: @love; + } + .calendar-mark-complete { + color: @gold; + } + .calendar-mark-verycomplete { + color: @gold; + } + .calendar-day { + color: @subtle; + } + #calendar-countdown { + color: @subtle; + } + + span { + color: @surface0; + } + + a { + color: @surface2; + } + } + + .day-success { + color: @gold; + text-shadow: 0 0 5px @gold; + } + + .stats-both { + color: @gold; + } + + .stats-firstonly { + color: @overlay0; + } + + a:hover { + background-color: @mantle !important; + } + + input[type="text"], + textarea, + code::before { + border-color: @surface0; + background: @crust; + } + } + } + } +} + +/* deno-fmt-ignore */ +@rose-pine: { + @main: { + @base: #191724; + @surface: #1f1d2e; + @overlay: #26233a; + @muted: #6e6a86; + @subtle: #908caa; + @text: #e0def4; + @love: #eb6f92; + @gold: #f6c177; + @rose: #ebbcba; + @pine: #31748f; + @foam: #9ccfd8; + @iris: #c4a7e7; + @highlightLow: #21202e; + @highlightMed: #403d52; + @highlightHigh: #524f67; + }; + @moon: { + @base: #232136; + @surface: #2a273f; + @overlay: #393552; + @muted: #6e6a86; + @subtle: #908caa; + @text: #e0def4; + @love: #eb6f92; + @gold: #f6c177; + @rose: #ea9a97; + @pine: #3e8fb0; + @foam: #9ccfd8; + @iris: #c4a7e7; + @highlightLow: #2a283e; + @highlightMed: #44415a; + @highlightHigh: #56526e; + }; + @dawn: { + @base: #faf4ed; + @surface: #fffaf3; + @overlay: #f2e9e1; + @muted: #9893a5; + @subtle: #797593; + @text: #575279; + @love: #b4637a; + @gold: #ea9d34; + @rose: #d7827e; + @pine: #286983; + @foam: #56949f; + @iris: #907aa9; + @highlightLow: #f4ede8; + @highlightMed: #dfdad9; + @highlightHigh: #cecacd; + }; +}; From 22e8a0814ee25da3b83954db5d1ab3fc6cfb7d98 Mon Sep 17 00:00:00 2001 From: Adrian Karlen Date: Thu, 27 Nov 2025 12:55:57 +0100 Subject: [PATCH 2/8] fix(advent-of-code): update colors and add optional custom font var --- styles/advent-of-code/rose-pine.user.less | 75 +++++------------------ 1 file changed, 15 insertions(+), 60 deletions(-) diff --git a/styles/advent-of-code/rose-pine.user.less b/styles/advent-of-code/rose-pine.user.less index de3b045..2ce058f 100644 --- a/styles/advent-of-code/rose-pine.user.less +++ b/styles/advent-of-code/rose-pine.user.less @@ -11,6 +11,7 @@ @var select lightVariant "Light Variant" ["main:Rosé Pine", "moon:Rosé Pine Moon", "dawn:Rosé Pine Dawn*"] @var select darkVariant "Dark Variant" ["main:Rosé Pine*", "moon:Rosé Pine Moon", "dawn:Rosé Pine Dawn"] +@var text fontFamily "Font Family" "Source Code Pro"; ==/UserStyle== */ @-moz-document domain("adventofcode.com") { @@ -51,6 +52,7 @@ body { background: @base; color: @text; + font-family: @@fontFamily, monospace; header h1 a, header h1 span { @@ -64,7 +66,8 @@ color: @pine; } - .star-count { + .star-count, + .privboard-star-both { color: @gold; } @@ -99,7 +102,7 @@ input[type="radio"] ~ span:focus, input[type="checkbox"]:hover ~ span, input[type="checkbox"]:focus ~ span { - background-color: @crust; + background-color: @base; } } .supporter-badge { @@ -163,7 +166,7 @@ color: darken(@pine, 3.5%); } .calendar-color-u { - color: @sky; + color: @foam; } .calendar-color-a { color: @muted; @@ -191,11 +194,11 @@ } span { - color: @surface0; + color: @surface; } a { - color: @surface2; + color: @surface; } } @@ -209,18 +212,18 @@ } .stats-firstonly { - color: @overlay0; + color: @overlay; } a:hover { - background-color: @mantle !important; + background-color: @overlay !important; } input[type="text"], textarea, code::before { - border-color: @surface0; - background: @crust; + border-color: @highlightMed; + background: @base; } } } @@ -229,55 +232,7 @@ /* deno-fmt-ignore */ @rose-pine: { - @main: { - @base: #191724; - @surface: #1f1d2e; - @overlay: #26233a; - @muted: #6e6a86; - @subtle: #908caa; - @text: #e0def4; - @love: #eb6f92; - @gold: #f6c177; - @rose: #ebbcba; - @pine: #31748f; - @foam: #9ccfd8; - @iris: #c4a7e7; - @highlightLow: #21202e; - @highlightMed: #403d52; - @highlightHigh: #524f67; - }; - @moon: { - @base: #232136; - @surface: #2a273f; - @overlay: #393552; - @muted: #6e6a86; - @subtle: #908caa; - @text: #e0def4; - @love: #eb6f92; - @gold: #f6c177; - @rose: #ea9a97; - @pine: #3e8fb0; - @foam: #9ccfd8; - @iris: #c4a7e7; - @highlightLow: #2a283e; - @highlightMed: #44415a; - @highlightHigh: #56526e; - }; - @dawn: { - @base: #faf4ed; - @surface: #fffaf3; - @overlay: #f2e9e1; - @muted: #9893a5; - @subtle: #797593; - @text: #575279; - @love: #b4637a; - @gold: #ea9d34; - @rose: #d7827e; - @pine: #286983; - @foam: #56949f; - @iris: #907aa9; - @highlightLow: #f4ede8; - @highlightMed: #dfdad9; - @highlightHigh: #cecacd; - }; + @main: { @base: #191724; @surface: #1f1d2e; @overlay: #26233a; @muted: #6e6a86; @subtle: #908caa; @text: #e0def4; @love: #eb6f92; @gold: #f6c177; @rose: #ebbcba; @pine: #31748f; @foam: #9ccfd8; @iris: #c4a7e7; @highlightLow: #21202e; @highlightMed: #403d52; @highlightHigh: #524f67; }; + @moon: { @base: #232136; @surface: #2a273f; @overlay: #393552; @muted: #6e6a86; @subtle: #908caa; @text: #e0def4; @love: #eb6f92; @gold: #f6c177; @rose: #ea9a97; @pine: #3e8fb0; @foam: #9ccfd8; @iris: #c4a7e7; @highlightLow: #2a283e; @highlightMed: #44415a; @highlightHigh: #56526e; }; + @dawn: { @base: #faf4ed; @surface: #fffaf3; @overlay: #f2e9e1; @muted: #9893a5; @subtle: #797593; @text: #575279; @love: #b4637a; @gold: #ea9d34; @rose: #d7827e; @pine: #286983; @foam: #56949f; @iris: #907aa9; @highlightLow: #f4ede8; @highlightMed: #dfdad9; @highlightHigh: #cecacd; }; }; From 463b3bdcd1ff275d318f70777bedc00a4ecc7d80 Mon Sep 17 00:00:00 2001 From: Adrian Karlen Date: Thu, 27 Nov 2025 12:59:38 +0100 Subject: [PATCH 3/8] fix(advent-of-code): correct font var --- styles/advent-of-code/rose-pine.user.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/advent-of-code/rose-pine.user.less b/styles/advent-of-code/rose-pine.user.less index 2ce058f..f3ac98e 100644 --- a/styles/advent-of-code/rose-pine.user.less +++ b/styles/advent-of-code/rose-pine.user.less @@ -11,7 +11,7 @@ @var select lightVariant "Light Variant" ["main:Rosé Pine", "moon:Rosé Pine Moon", "dawn:Rosé Pine Dawn*"] @var select darkVariant "Dark Variant" ["main:Rosé Pine*", "moon:Rosé Pine Moon", "dawn:Rosé Pine Dawn"] -@var text fontFamily "Font Family" "Source Code Pro"; +@var text fontFamily "Font family" "'Source Code Pro'" ==/UserStyle== */ @-moz-document domain("adventofcode.com") { @@ -52,7 +52,7 @@ body { background: @base; color: @text; - font-family: @@fontFamily, monospace; + font-family: @fontFamily, monospace; header h1 a, header h1 span { From a248a28f0e16dc99510970d8365ca2e998180750 Mon Sep 17 00:00:00 2001 From: Adrian Karlen Date: Thu, 27 Nov 2025 13:03:17 +0100 Subject: [PATCH 4/8] docs(advent-of-code): add previews --- styles/advent-of-code/readme.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/advent-of-code/readme.md b/styles/advent-of-code/readme.md index 0a09f92..3f42e2c 100644 --- a/styles/advent-of-code/readme.md +++ b/styles/advent-of-code/readme.md @@ -22,8 +22,8 @@ ## Gallery -![Rosé Pine](link-to-image) ![Rosé Pine Moon](link-to-image) -![Rosé Pine Dawn](link-to-image) +![Rosé Pine](https://imgur.com/736foDh.png) ![Rosé Pine Moon](https://imgur.com/sRxZkYl.png) +![Rosé Pine Dawn](https://imgur.com/Ep8MqEM.png) ## Thanks to From cb1f123e80e08cec0b6d62f331c64d3563b9c08c Mon Sep 17 00:00:00 2001 From: Adrian Karlen Date: Thu, 27 Nov 2025 13:07:24 +0100 Subject: [PATCH 5/8] docs: add link in main readme --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f21cd46..f1d1052 100644 --- a/README.md +++ b/README.md @@ -61,6 +61,7 @@ - [YouTube](https://github.com/rose-pine/userstyles/tree/main/styles/youtube) - [NixOS-Search](https://github.com/rose-pine/userstyles/tree/main/styles/nixos-search) - [status.cafe](https://github.com/rose-pine/userstyles/tree/main/styles/status.cafe) +- [Advent of Code](https://github.com/rose-pine/userstyles/tree/main/styles/advent-of-code) ## Contributing From 14935d4cc96d8c5c24e1f4b16d7dbe7ae71c5771 Mon Sep 17 00:00:00 2001 From: Adrian Karlen Date: Thu, 27 Nov 2025 13:09:02 +0100 Subject: [PATCH 6/8] style: deno fmt --- styles/advent-of-code/rose-pine.user.less | 424 +++++++++++----------- 1 file changed, 211 insertions(+), 213 deletions(-) diff --git a/styles/advent-of-code/rose-pine.user.less b/styles/advent-of-code/rose-pine.user.less index f3ac98e..762d76a 100644 --- a/styles/advent-of-code/rose-pine.user.less +++ b/styles/advent-of-code/rose-pine.user.less @@ -15,219 +15,217 @@ ==/UserStyle== */ @-moz-document domain("adventofcode.com") { - :root { - @media (prefers-color-scheme: light) { - #rose-pine(@lightVariant); - } - @media (prefers-color-scheme: dark) { - #rose-pine(@darkVariant); - } - } - - :root[data-theme="dark"] { - #rose-pine(@darkVariant); - } - :root[data-theme="light"] { - #rose-pine(@lightVariant); - } - - #rose-pine(@variant) { - @base: @rose-pine[@@variant][@base]; - @surface: @rose-pine[@@variant][@surface]; - @overlay: @rose-pine[@@variant][@overlay]; - @muted: @rose-pine[@@variant][@muted]; - @subtle: @rose-pine[@@variant][@subtle]; - @text: @rose-pine[@@variant][@text]; - @love: @rose-pine[@@variant][@love]; - @gold: @rose-pine[@@variant][@gold]; - @rose: @rose-pine[@@variant][@rose]; - @pine: @rose-pine[@@variant][@pine]; - @foam: @rose-pine[@@variant][@foam]; - @iris: @rose-pine[@@variant][@iris]; - @highlightLow: @rose-pine[@@variant][@highlightLow]; - @highlightMed: @rose-pine[@@variant][@highlightMed]; - @highlightHigh: @rose-pine[@@variant][@highlightHigh]; - color-scheme: if(@variant = dawn, light, dark); - - body { - background: @base; - color: @text; - font-family: @fontFamily, monospace; - - header h1 a, - header h1 span { - color: @pine; - text-shadow: - 0 0 2px @pine, - 0 0 5px @pine; - } - - a { - color: @pine; - } - - .star-count, - .privboard-star-both { - color: @gold; - } - - .quiet { - color: @muted; - opacity: 1; - } - - .share, - .share:hover, - input[type="submit"] { - color: @pine; - } - - main { - article { - em { - color: @text; - text-shadow: 0 0 5px @text; - } - - h2 { - color: @text; - } - - input[type="radio"]:checked ~ span, - input[type="checkbox"]:checked ~ span { - color: @text; - } - - input[type="radio"] ~ span:hover, - input[type="radio"] ~ span:focus, - input[type="checkbox"]:hover ~ span, - input[type="checkbox"]:focus ~ span { - background-color: @base; - } - } - .supporter-badge { - color: @gold; - } - - .supporter-badge:hover { - color: @gold; - text-shadow: 0 0 5px @gold; - } - - .sponsor-badge { - color: @foam; - } - - .sponsor-badge:hover, - .sponsor-badge:focus { - color: @foam; - text-shadow: 0 0 5px @foam; - } - - .leaderboard-entry { - .leaderboard-position { - color: @subtle; - } - .leaderboard-totalscore { - color: @text; - } - } - - .leaderboard-daylinks-selected { - color: @text; - text-shadow: 0 0 5px @text; - } - - .leaderboard-daylinks-selected:hover { - color: @pine; - } - - .leaderboard-anon { - opacity: 1; - color: @muted; - } - .calendar { - .calendar-color-w { - color: @text; - } - .calendar-color-s { - color: @gold; - } - .calendar-color-c { - color: @subtle; - } - .calendar-color-g3 { - color: darken(@pine, 3%); - } - .calendar-color-g2 { - color: @pine; - } - .calendar-color-g4 { - color: darken(@pine, 3.5%); - } - .calendar-color-u { - color: @foam; - } - .calendar-color-a { - color: @muted; - } - .calendar-color-g1 { - color: darken(@pine, 2.5%); - } - .calendar-color-g0 { - color: darken(@pine, 2%); - } - .calendar-color-l { - color: @love; - } - .calendar-mark-complete { - color: @gold; - } - .calendar-mark-verycomplete { - color: @gold; - } - .calendar-day { - color: @subtle; - } - #calendar-countdown { - color: @subtle; - } - - span { - color: @surface; - } - - a { - color: @surface; - } - } - - .day-success { - color: @gold; - text-shadow: 0 0 5px @gold; - } - - .stats-both { - color: @gold; - } - - .stats-firstonly { - color: @overlay; - } - - a:hover { - background-color: @overlay !important; - } - - input[type="text"], - textarea, - code::before { - border-color: @highlightMed; - background: @base; - } - } - } - } + :root { + @media (prefers-color-scheme: light) { + #rose-pine(@lightVariant); + } + @media (prefers-color-scheme: dark) { + #rose-pine(@darkVariant); + } + } + + :root[data-theme="dark"] { + #rose-pine(@darkVariant); + } + :root[data-theme="light"] { + #rose-pine(@lightVariant); + } + + #rose-pine(@variant) { + @base: @rose-pine[@@variant][@base]; + @surface: @rose-pine[@@variant][@surface]; + @overlay: @rose-pine[@@variant][@overlay]; + @muted: @rose-pine[@@variant][@muted]; + @subtle: @rose-pine[@@variant][@subtle]; + @text: @rose-pine[@@variant][@text]; + @love: @rose-pine[@@variant][@love]; + @gold: @rose-pine[@@variant][@gold]; + @rose: @rose-pine[@@variant][@rose]; + @pine: @rose-pine[@@variant][@pine]; + @foam: @rose-pine[@@variant][@foam]; + @iris: @rose-pine[@@variant][@iris]; + @highlightLow: @rose-pine[@@variant][@highlightLow]; + @highlightMed: @rose-pine[@@variant][@highlightMed]; + @highlightHigh: @rose-pine[@@variant][@highlightHigh]; + color-scheme: if(@variant = dawn, light, dark); + + body { + background: @base; + color: @text; + font-family: @fontFamily, monospace; + + header h1 a, + header h1 span { + color: @pine; + text-shadow: 0 0 2px @pine, 0 0 5px @pine; + } + + a { + color: @pine; + } + + .star-count, + .privboard-star-both { + color: @gold; + } + + .quiet { + color: @muted; + opacity: 1; + } + + .share, + .share:hover, + input[type="submit"] { + color: @pine; + } + + main { + article { + em { + color: @text; + text-shadow: 0 0 5px @text; + } + + h2 { + color: @text; + } + + input[type="radio"]:checked ~ span, + input[type="checkbox"]:checked ~ span { + color: @text; + } + + input[type="radio"] ~ span:hover, + input[type="radio"] ~ span:focus, + input[type="checkbox"]:hover ~ span, + input[type="checkbox"]:focus ~ span { + background-color: @base; + } + } + .supporter-badge { + color: @gold; + } + + .supporter-badge:hover { + color: @gold; + text-shadow: 0 0 5px @gold; + } + + .sponsor-badge { + color: @foam; + } + + .sponsor-badge:hover, + .sponsor-badge:focus { + color: @foam; + text-shadow: 0 0 5px @foam; + } + + .leaderboard-entry { + .leaderboard-position { + color: @subtle; + } + .leaderboard-totalscore { + color: @text; + } + } + + .leaderboard-daylinks-selected { + color: @text; + text-shadow: 0 0 5px @text; + } + + .leaderboard-daylinks-selected:hover { + color: @pine; + } + + .leaderboard-anon { + opacity: 1; + color: @muted; + } + .calendar { + .calendar-color-w { + color: @text; + } + .calendar-color-s { + color: @gold; + } + .calendar-color-c { + color: @subtle; + } + .calendar-color-g3 { + color: darken(@pine, 3%); + } + .calendar-color-g2 { + color: @pine; + } + .calendar-color-g4 { + color: darken(@pine, 3.5%); + } + .calendar-color-u { + color: @foam; + } + .calendar-color-a { + color: @muted; + } + .calendar-color-g1 { + color: darken(@pine, 2.5%); + } + .calendar-color-g0 { + color: darken(@pine, 2%); + } + .calendar-color-l { + color: @love; + } + .calendar-mark-complete { + color: @gold; + } + .calendar-mark-verycomplete { + color: @gold; + } + .calendar-day { + color: @subtle; + } + #calendar-countdown { + color: @subtle; + } + + span { + color: @surface; + } + + a { + color: @surface; + } + } + + .day-success { + color: @gold; + text-shadow: 0 0 5px @gold; + } + + .stats-both { + color: @gold; + } + + .stats-firstonly { + color: @overlay; + } + + a:hover { + background-color: @overlay !important; + } + + input[type="text"], + textarea, + code::before { + border-color: @highlightMed; + background: @base; + } + } + } + } } /* deno-fmt-ignore */ From e01455e9b1b2411e00a3d8368455d3aa763622bf Mon Sep 17 00:00:00 2001 From: Adrian Karlen Date: Thu, 27 Nov 2025 13:09:59 +0100 Subject: [PATCH 7/8] style: format readme --- styles/advent-of-code/readme.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles/advent-of-code/readme.md b/styles/advent-of-code/readme.md index 3f42e2c..27c838b 100644 --- a/styles/advent-of-code/readme.md +++ b/styles/advent-of-code/readme.md @@ -22,7 +22,8 @@ ## Gallery -![Rosé Pine](https://imgur.com/736foDh.png) ![Rosé Pine Moon](https://imgur.com/sRxZkYl.png) +![Rosé Pine](https://imgur.com/736foDh.png) +![Rosé Pine Moon](https://imgur.com/sRxZkYl.png) ![Rosé Pine Dawn](https://imgur.com/Ep8MqEM.png) ## Thanks to From f26a59fa2da3103f656da3b59b35f9c62e68dd0f Mon Sep 17 00:00:00 2001 From: Adrian Karlen Date: Thu, 27 Nov 2025 13:12:21 +0100 Subject: [PATCH 8/8] fix: correct update url --- styles/advent-of-code/rose-pine.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/advent-of-code/rose-pine.user.less b/styles/advent-of-code/rose-pine.user.less index 762d76a..679c6e1 100644 --- a/styles/advent-of-code/rose-pine.user.less +++ b/styles/advent-of-code/rose-pine.user.less @@ -6,7 +6,7 @@ @author Rosé Pine (https://github.com/rose-pine) @namespace https://github.com/rose-pine @homepageURL https://github.com/rose-pine/userstyles -@updateURL https://github.com/rose-pine/userstyles/raw/main/styles/{{directory}}/rose-pine.user.less +@updateURL https://github.com/rose-pine/userstyles/raw/main/styles/advent-of-code/rose-pine.user.less @preprocessor less @var select lightVariant "Light Variant" ["main:Rosé Pine", "moon:Rosé Pine Moon", "dawn:Rosé Pine Dawn*"]