rose-pine · juliamertz · Nov 27, 2025 · Nov 27, 2025 · Nov 27, 2025 · Nov 27, 2025
diff --git 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
 

diff --git a/styles/advent-of-code/license 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
@@ -0,0 +1,32 @@
+<p align="center">
+    <img src="https://github.com/rose-pine/rose-pine-theme/raw/main/assets/icon.png" width="80" />
+    <h2 align="center">Rosé Pine for Advent of Code</h2>
+</p>
+
+<p align="center">All natural pine, faux fur and a bit of soho vibes for the classy minimalist</p>
+
+<p align="center">
+    <a href="https://github.com/rose-pine/rose-pine-theme">
+        <img src="https://img.shields.io/badge/community-rosé%20pine-26233a?labelColor=191724&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjIzNyIgdmlld0JveD0iMCAwIDI1MCAyMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNjEuMjI3IDE2MS4yNTFDMTMyLjE1NCAxNjkuMDQxIDExNC45MDEgMTk4LjkyNCAxMjIuNjkxIDIyNy45OTdDMTIzLjkyNSAyMzIuNjAzIDEyOC42NTkgMjM1LjMzNiAxMzMuMjY0IDIzNC4xMDJMMTg1LjkwNyAyMTkuOTk2QzIxOS41ODUgMjEwLjk3MiAyMzkuNTcgMTc2LjM1NCAyMzAuNTQ2IDE0Mi42NzdMMTYxLjIyNyAxNjEuMjUxWiIgZmlsbD0iIzI0NjI3QiIvPgo8cGF0aCBkPSJNODguMTgzNiAxNTkuOTg4QzExNy4yNTcgMTY3Ljc3OCAxMzQuNTEgMTk3LjY2MiAxMjYuNzIgMjI2LjczNUMxMjUuNDg2IDIzMS4zNCAxMjAuNzUyIDIzNC4wNzMgMTE2LjE0NyAyMzIuODM5TDYzLjUwNDEgMjE4LjczM0MyOS44MjY0IDIwOS43MSA5Ljg0MDk0IDE3NS4wOTIgMTguODY0OSAxNDEuNDE0TDg4LjE4MzYgMTU5Ljk4OFoiIGZpbGw9IiMyNDYyN0IiLz4KPHBhdGggZD0iTTE4Ni44NjcgMTcyLjk4QzE1Mi4wMDIgMTcyLjk4IDEyMy43MzcgMjAxLjI0NSAxMjMuNzM3IDIzNi4xMTFIMTg2Ljg3QzIyMS43MzYgMjM2LjExMSAyNTAgMjA3Ljg0NiAyNTAgMTcyLjk4TDE4Ni44NjcgMTcyLjk4WiIgZmlsbD0iIzMxNzQ4RiIvPgo8cGF0aCBkPSJNNjMuMTMyNyAxNzIuOThDOTcuOTk4NCAxNzIuOTggMTI2LjI2MyAyMDEuMjQ1IDEyNi4yNjMgMjM2LjExMUg2My4xM0MyOC4yNjQyIDIzNi4xMTEgLTEuNTI0MDNlLTA2IDIwNy44NDYgMCAxNzIuOThMNjMuMTMyNyAxNzIuOThaIiBmaWxsPSIjMzE3NDhGIi8+CjxwYXRoIGQ9Ik0xNzEuNzE3IDc1LjEyNjNDMTcxLjcxNyAxMDEuMjc2IDE1MC41MTggMTIyLjQ3NSAxMjQuMzY5IDEyMi40NzVDOTguMjE4OCAxMjIuNDc1IDc3LjAyMDIgMTAxLjI3NiA3Ny4wMjAyIDc1LjEyNjNDNzcuMDIwMiA0OC45NzY0IDk4LjIxODggMjcuNzc3OCAxMjQuMzY5IDI3Ljc3NzhDMTUwLjUxOCAyNy43Nzc4IDE3MS43MTcgNDguOTc2NCAxNzEuNzE3IDc1LjEyNjNaIiBmaWxsPSIjRUJCQ0JBIi8+CjxwYXRoIGQ9Ik0xNDQuMjE3IDg2LjIzNzlDMTYxLjY0OSA1Ni4wNDMyIDE1MS4zMDMgMTcuNDMyOSAxMjEuMTA4IDBMMTA2LjA2IDI2LjA2NDRDODguNjI3IDU2LjI1OSA5OC45NzM2IDk0Ljg2OTQgMTI5LjE2OCAxMTIuMzAyTDE0NC4yMTcgODYuMjM3OVoiIGZpbGw9IiNFQkJDQkEiLz4KPHBhdGggZD0iTTEyNS4yOTkgNjAuOTc4OUMxMTYuMjc1IDI3LjMwMTIgODEuNjU3NSA3LjMxNTY3IDQ3Ljk3OTcgMTYuMzM5Nkw2NC4zMTk3IDc3LjMyMTFDNzMuMzQzNiAxMTAuOTk5IDEwNy45NjEgMTMwLjk4NCAxNDEuNjM5IDEyMS45NkwxMjUuMjk5IDYwLjk3ODlaIiBmaWxsPSIjRUJCQ0JBIi8+CjxwYXRoIGQ9Ik0xMjQuOTI2IDYwLjk3ODlDMTMzLjk1IDI3LjMwMTIgMTY4LjU2NyA3LjMxNTY3IDIwMi4yNDUgMTYuMzM5NkwxODUuOTA1IDc3LjMyMTFDMTc2Ljg4MSAxMTAuOTk5IDE0Mi4yNjMgMTMwLjk4NCAxMDguNTg2IDEyMS45NkwxMjQuOTI2IDYwLjk3ODlaIiBmaWxsPSIjRUJCQ0JBIi8+Cjwvc3ZnPgo=&style=for-the-badge" />
+    </a>
+    <a href="https://github.com/rose-pine/userstyles/raw/main/advent-of-code/rose-pine.user.less"><img src="https://img.shields.io/badge/stylus-install-cba6f7?colorA=363a4f&style=for-the-badge"></a>
+</p>
+
+## 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](https://imgur.com/736foDh.png)
+![Rosé Pine Moon](https://imgur.com/sRxZkYl.png)
+![Rosé Pine Dawn](https://imgur.com/Ep8MqEM.png)
+
+## 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
@@ -0,0 +1,236 @@
+/* ==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/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*"]
+@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") {
+  :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 */
+@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; };
+};