fix(codeberg): theme logos, footer, remove auto theme support (#878)

catppuccin · May 9, 2024 · 8d00ba5 · 8d00ba5
1 parent 1cf301e
commit 8d00ba5
Showing 1 changed file with 79 additions and 13 deletions.
diff --git a/styles/codeberg/catppuccin.user.css b/styles/codeberg/catppuccin.user.css
@@ -2,7 +2,7 @@
 @name Codeberg Catppuccin
 @namespace github.com/catppuccin/userstyles/styles/codeberg
 @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/codeberg
-@version 1.0.4
+@version 1.1.0
 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css
 @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acodeberg
 @description Soothing pastel theme for Codeberg
@@ -24,29 +24,95 @@
     (prefers-color-scheme: dark);
 
   #catppuccin(@lookup, @accent) {
-    --color-nav-text: @catppuccin[@@lookup][@crust];
-    --color-nav-hover-bg: darken(@catppuccin[@@lookup][@@accent], 20%);
+    @rosewater: @catppuccin[@@lookup][@rosewater];
+    @flamingo: @catppuccin[@@lookup][@flamingo];
+    @pink: @catppuccin[@@lookup][@pink];
+    @mauve: @catppuccin[@@lookup][@mauve];
+    @red: @catppuccin[@@lookup][@red];
+    @maroon: @catppuccin[@@lookup][@maroon];
+    @peach: @catppuccin[@@lookup][@peach];
+    @yellow: @catppuccin[@@lookup][@yellow];
+    @green: @catppuccin[@@lookup][@green];
+    @teal: @catppuccin[@@lookup][@teal];
+    @sky: @catppuccin[@@lookup][@sky];
+    @sapphire: @catppuccin[@@lookup][@sapphire];
+    @blue: @catppuccin[@@lookup][@blue];
+    @lavender: @catppuccin[@@lookup][@lavender];
+    @text: @catppuccin[@@lookup][@text];
+    @subtext1: @catppuccin[@@lookup][@subtext1];
+    @subtext0: @catppuccin[@@lookup][@subtext0];
+    @overlay2: @catppuccin[@@lookup][@overlay2];
+    @overlay1: @catppuccin[@@lookup][@overlay1];
+    @overlay0: @catppuccin[@@lookup][@overlay0];
+    @surface2: @catppuccin[@@lookup][@surface2];
+    @surface1: @catppuccin[@@lookup][@surface1];
+    @surface0: @catppuccin[@@lookup][@surface0];
+    @base: @catppuccin[@@lookup][@base];
+    @mantle: @catppuccin[@@lookup][@mantle];
+    @crust: @catppuccin[@@lookup][@crust];
+    @accent-color: @catppuccin[@@lookup][@@accent];
+
+    /* Base styles not needed, themed in upstream Gitea port. */
+
+    --color-body: @base;
+    --color-nav-text: @crust;
+    --color-nav-hover-bg: darken(@accent-color, 5%);
+    --color-secondary-nav-bg: @surface0;
+    --color-link: @blue;
+    --color-footer-text: @text;
+
+    .ui.secondary.menu .dropdown.item:hover,
+    .ui.secondary.menu a.item:hover {
+      background-color: var(--color-nav-hover-bg);
+    }
+
+    .ui.basic.red.buttons .button,
+    .ui.basic.red.button {
+      &:hover,
+      &:focus {
+        background-color: @red;
+        border-color: var(--color-light-border);
+        color: @crust;
+      }
+    }
+
+    #codeberg-logo (@color) {
+      @svg: escape(
+        '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><defs><linearGradient id="b" x1="42519.285" x2="42575.336" y1="-7078.7891" y2="-6966.9312" gradientUnits="userSpaceOnUse" href="#a"/><linearGradient id="a"><stop color="@{color}" offset="0" stop-opacity="0"/><stop offset=".495" stop-color="@{color}" stop-opacity=".3"/><stop offset="1" stop-color="@{color}" stop-opacity=".3"/></linearGradient></defs><path fill="url(#b)" d="M42519.285-7078.79a.76.568 0 0 0-.738.675l33.586 125.888a87.2 87.2 0 0 0 39.381-33.763l-71.565-92.52a.76.568 0 0 0-.664-.28" transform="translate(-5840.572 980.524)scale(.13766)"/><path fill="@{color}" d="M12.003.525A12.003 12.003 0 0 0 0 12.533 11.9 11.9 0 0 0 1.826 18.9L11.838 5.956c.068-.09.25-.09.324 0l10.007 12.939A11.9 11.9 0 0 0 24 12.522 12.003 12.003 0 0 0 12.003.525"/></svg>'
+      );
+      content: url("data:image/svg+xml,@{svg}");
+    }
+
+    #navbar-logo img {
+      #codeberg-logo(@crust);
+    }
+    .branding img {
+      #codeberg-logo(@text);
+    }
+
+    footer {
+      .button:hover {
+        background-color: @accent-color;
+        color: @crust;
+      }
+
+      a:hover {
+        color: @blue !important;
+      }
+    }
   }
 
   @media (prefers-color-scheme: light) {
-    .theme-codeberg-auto {
+    :root {
       #catppuccin(@lightFlavor, @accentColor);
     }
   }
 
   @media (prefers-color-scheme: dark) {
-    .theme-codeberg-auto {
+    :root {
       #catppuccin(@darkFlavor, @accentColor);
     }
   }
-
-  .theme-codeberg-light {
-    #catppuccin(@lightFlavor, @accentColor);
-  }
-
-  .theme-codeberg-dark {
-    #catppuccin(@darkFlavor, @accentColor);
-  }
 }
 
 /* prettier-ignore */