feat(retro-achievements): init

scripts/userstyles.yml

@@ -68,6 +68,7 @@ collaborators:
   - &shnjd shnjd
   - &zenoix zenoix
   - &NekoDrone NekoDrone
+  - &Mahonzu Mahonzu
 
 userstyles:
   advent-of-code:
@@ -785,6 +786,13 @@ userstyles:
     icon: reddit
     current-maintainers: []
     past-maintainers: [*jayylmao, *rubyowo]
+  retro-achievements:
+    name: retroAchievements
+    link: https://retroachievements.org
+    categories: [entertainment, games]
+    color: red
+    current-maintainers: [*Mahonzu]
+    past-maintainers: []
   rentry.co:
     name: Rentry.co
     link: https://rentry.co

styles/retro-achievements/catppuccin.user.less

@@ -0,0 +1,184 @@
+/* ==UserStyle==
+@name RetroAchievements Catppuccin
+@namespace github.com/catppuccin/userstyles/styles/retro-achievements
+@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/retro-achievements
+@version 1.0
+@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/retro-achievements/catppuccin.user.less
+@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aretro-achievements
+@description Soothing pastel theme for RetroAchievements
+@author Catppuccin
+@license MIT
+
+@preprocessor less
+@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
+@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
+@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
+==/UserStyle== */
+@import "https://userstyles.catppuccin.com/lib/lib.less";
+
+@-moz-document domain("retroachievements.org") {
+    [data-theme=""] {
+        #catppuccin(@darkFlavor);
+    }
+    [data-theme=""][data-scheme="light"] {
+        #catppuccin(@lightFlavor);
+    }
+
+    #catppuccin(@flavor) {
+        #lib.palette();
+        #lib.defaults();
+
+        --bg-color: @base !important;
+        --box-bg-color: @mantle !important;
+        --box-shadow-color: @crust !important;
+        --embed-color: @crust !important;
+        --embed-highlight-color: @base !important;
+        --link-hover-color: @text;
+        --menu-link-color: @accent;
+        --menu-link-hover-color: @text;
+        --text-color-danger: @red;
+        --text-color-muted: @surface1;
+        --divider-color: @surface1;
+
+        --tw-gradient-stops: @accent, @accent;
+
+        --heading-color: @accent;
+        --link-color: @accent;
+        --text-color: @text;
+
+
+        .btn-base--default {
+            border-color: @surface1;
+            --tw-bg-opacity: 1;
+            background-color: var(--embed-highlight-color);
+            color: @accent;
+        }
+        .tag > span {
+            color: black;
+        }
+        ul.highlighted-list li:nth-child(2n+1),
+        tbody tr:nth-child(2n+1),
+        .game-set-item:nth-child(2n+1) {
+            background-color: var(--bg-color);
+        }
+        .bg-neutral-800\/70 {
+            background-color: var(--bg-color)
+        }
+        article,
+        aside {
+            background: var(--box-bg-color);
+        }
+        .TrueRatio {
+            color: var(--text-color)
+        }
+        .nav-link > .text-color {
+            /* Make hardcore points highlited */
+            color: @accent
+        }
+        .bg-gradient-to-r {
+            background-image: linear-gradient(to right, var(--tw-gradient-stops));
+        }
+        /* Gradients */
+        .from-amber-500 {
+            --tw-gradient-from: @accent
+        }
+        .to-\[gold\] {
+            --tw-gradient-to: @accent
+        }
+        /* Hardcoroe progressbar */
+        .cprogress-pbar__root > div[role="progressbar"] > div:first-child {
+            --tw-gradient-from: @yellow var(--tw-gradient-from-position);
+            --tw-gradient-to: @yellow var(--tw-gradient-to-position);
+        }
+        /* Softcore progressbar */
+        .bg-neutral-500 {
+            background-color: @overlay1;
+        }
+        /* Progressbar bg */
+        .bg-zinc-950 {
+            background: var(--box-shadow-color)
+        }
+
+        /* Distribution Graph */
+        [data-chart="chart-«Ral5»"] {
+            --color-softcore: @surface0;
+            --color-hardcore: @accent;
+        }
+        /* Online history graph */
+        [data-chart="chart-«R3h5»"] {
+            --color-playersOnline: @accent;
+        }
+        .recharts-area-dot {
+            fill:@accent
+        }
+        /* Platform icon in "most recent master/completed" */
+        .bg-zinc-800 {
+            background: var(--bg-color)
+        }
+        /* Table hover */
+        table.table-highlight tr:not(.do-not-highlight):hover {
+            background-color: @surface0;
+        }
+        /* Active players hover */
+        .hover\:bg-zinc-800:hover {
+            --tw-bg-opacity: 1;
+            background-color: var(--embed-highlight-color);
+        }
+
+        /* Search box */
+        .bg-neutral-800\/40 {
+            background: var(--box-bg-color);
+        }
+        .bg-neutral-800\/40:hover {
+            background: var(--box-bg-color);
+        }
+        /* Search box Ctrl+K text */
+        .bg-neutral-800\/40 > .text-neutral-400 {
+            background: var(--embed-highlight-color);
+        }
+        /* Green text */
+        .text-green-500 {
+            color: @green
+        }
+        [class^='text-[gold]'] {
+            color: @yellow;
+        }
+        .bg-yellow-600 {
+            background-color: @yellow;
+        }
+        /* Download page highlight*/
+        .text-neutral-50 {
+            color: @text
+        }
+        .\!bg-neutral-800 {
+            background-color: var(--embed-highlight-color);
+        }
+        .border-neutral-200 {
+            border-color: var();
+        }
+        .border-neutral-700,
+        .border-neutral-700\/80 {
+            border-color: @surface0;
+        }
+        /* Cheevo search filters */
+        .bg-neutral-800 {
+            background-color: @surface0;
+        }
+        /* Cgeckbox */
+        .data-\[state\=checked\]\:bg-neutral-700[data-state="checked"]{
+            background: var(--bg-color)
+        }
+        /* Right Sidebar in cheevo pages*/
+        .bg-\[rgba\(50\,50\,50\,0\.3\)\],
+        .bg-zinc-800\/30 {
+            background-color: var(--embed-highlight-color)
+        }
+        .smalldate {
+            color: var(--text-color-muted)
+        }
+        /* Cheevo page card */
+        .odd\:bg-\[rgba\(50\,50\,50\,0\.4\)\]:nth-child(2n+1) {
+            background-color: var(--embed-highlight-color);
+        }
+    }
+}