From 3eaac5f816c2ea34710b168acc3ff795b44e13b3 Mon Sep 17 00:00:00 2001
From: Ryan Cao <70191398+ryanccn@users.noreply.github.com>
Date: Wed, 24 Jan 2024 21:40:23 +0800
Subject: [PATCH] fix(modrinth): update variables and fix outline

---
 styles/modrinth/catppuccin.user.css | 30 +++++++++++++++++++++++------
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/styles/modrinth/catppuccin.user.css b/styles/modrinth/catppuccin.user.css
index 0406171581..25e91dc4ad 100644
--- a/styles/modrinth/catppuccin.user.css
+++ b/styles/modrinth/catppuccin.user.css
@@ -2,7 +2,7 @@
 @name Modrinth Catppuccin
 @namespace github.com/catppuccin/userstyles/styles/modrinth
 @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/modrinth
-@version 1.1.2
+@version 1.2.0
 @description Soothing pastel theme for Modrinth
 @author Catppuccin
 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css
@@ -62,32 +62,50 @@
     @shadow: @catppuccin[@@lookup][@shadow];
     @accent-Color: @catppuccin[@@lookup][@@accent];
 
+    --color-base: @text;
     --color-bg: @crust;
     --color-ad-raised: @surface2;
     --color-ad: @surface1;
     --color-brand-green: @accent-Color;
     --color-button-bg-active: @overlay0;
-    --color-button-bg-hover: @surface2;
-    --color-button-bg: @surface1;
+    --color-button-bg-hover: @surface1;
+    --color-button-bg: @surface0;
     --color-button-text-hover: @text;
     --color-button-text: @subtext1;
     --color-divider: @surface0;
-    --color-heading: @yellow;
+    --color-heading: @text;
     --color-icon: @text;
     --color-link-active: @teal;
     --color-link-hover: @sky;
     --color-link: @sapphire;
     --color-raised-bg: @base;
+    --color-blue: @sapphire;
     --color-special-blue: @sapphire;
+    --color-orange: @peach;
     --color-special-orange: @peach;
+    --color-purple: @mauve;
     --color-special-purple: @mauve;
-    --color-special-red: @red;
+    --color-red: @red;
+    --color-special-gray: @subtext0;
+    --color-green: @green;
     --color-text: @subtext1;
+    --color-text-dark: @text;
     --color-text-inactive: @overlay1;
+    --color-brand-highlight: @surface0;
     --color-brand-inverted: @shadow;
-    --color-text-dark: @text;
     --color-table-alternate-row: @crust;
     --color-table-border: @overlay0;
+    --color-contrast: @text;
+    --color-brand-shadow: @accent-Color;
+    --color-warning-banner-side: @red;
+    --color-warning-banner-bg: fade(@red, 10%);
+    --color-warning-banner-text: @text;
+
+    [tabindex="0"]:focus-visible,
+    a:focus-visible,
+    button:focus-visible {
+      outline-color: @accent-Color;
+    }
 
     .BDVE3s9MFQttmbMUeYup-2 a b,
     .BDVE3s9MFQttmbMUeYup-2 a strong {