feat: theme dark-1 and dark-2 variables

Co-authored-by: Hammy <58985301+sgoudham@users.noreply.github.com>

.github/workflows/release-deploy.yml

@@ -0,0 +1,74 @@
+name: Release and Deploy
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: denoland/setup-deno@v1
+        with:
+          deno-version: v1.x
+
+      - run: deno task build
+
+      - name: Upload Pages Artifact
+        uses: "actions/upload-pages-artifact@v3"
+        with:
+          path: "dist/"
+          
+      - name: Upload CSS
+        uses: actions/upload-artifact@v4
+        with:
+          name: css
+          path: "dist/"
+
+  release:
+    needs: "build"
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+
+    steps:
+      - name: "Release"
+        id: "release"
+        uses: "googleapis/release-please-action@v4"
+        
+      - name: Download CSS
+        uses: actions/download-artifact@v4
+        with:
+          name: css
+          path: "dist/"
+
+      - name: Create tarball
+        if: ${{ steps.release.outputs.release_created }}
+        run: tar czf catppuccin-gitea.tar.gz --directory=./dist .
+
+      - name: Upload Release Artifacts
+        if: ${{ steps.release.outputs.release_created }}
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: gh release upload ${{ steps.release.outputs.tag_name }} ./catppuccin-gitea.tar.gz
+
+
+  deploy:
+    needs: "build"
+    runs-on: "ubuntu-latest"
+    permissions:
+      pages: "write"
+      id-token: "write"
+    environment:
+      name: "github-pages"
+      url: "${{ steps.deployment.outputs.page_url }}"
+
+    steps:
+      - name: "Deploy to GitHub Pages"
+        id: "deployment"
+        uses: "actions/deploy-pages@v4"

.github/workflows/release-please.yml

@@ -1,39 +0,0 @@
-on:
-  push:
-    branches: [main]
-
-name: release-please
-
-permissions:
-  contents: write
-  pull-requests: write
-
-jobs:
-  release-please:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: google-github-actions/release-please-action@v3
-        id: release
-        with:
-          release-type: simple
-
-      - uses: actions/checkout@v3
-
-      - uses: denoland/setup-deno@v1
-        if: ${{ steps.release.outputs.release_created }}
-        with:
-          deno-version: v1.x
-
-      - run: deno task build
-        if: ${{ steps.release.outputs.release_created }}
-
-      - name: Create tarball
-        if: ${{ steps.release.outputs.release_created }}
-        run: tar czf catppuccin-gitea.tar.gz --directory=./dist .
-
-      - name: Upload Release Artifacts
-        if: ${{ steps.release.outputs.release_created }}
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run:
-          gh release upload ${{ steps.release.outputs.tag_name }} ./artifact/some-build-artifact.zip

.release-please-manifest.json

@@ -0,0 +1,3 @@
+{
+  ".": "0.4.1"
+}

README.md

@@ -37,7 +37,7 @@
 ## Usage
 
 1. Download the [latest release](https://github.com/catppuccin/gitea/releases/latest).
-2. Place the CSS files in your `$GITEA_CUSTOM/public/css` directory.
+2. Place the CSS files in `$GITEA_CUSTOM/public/assets/css` if using Gitea 1.21.0 or newer and `$GITEA_CUSTOM/public/css` otherwise.
 3. Add the themes to your `app.ini`. See the [Gitea documentation](https://docs.gitea.io/en-us/customizing-gitea/#customizing-the-look-of-gitea).\
    Here's a snippet if you want to offer all Flavor-Accent combinations:
 

release-please-config.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://raw.githubusercontent.com/googleapis/release-please/main/schemas/config.json",
+  "last-release-sha": "cecfa246aa84e74e91e8bd8eb5add82734a35211",
+  "packages": {
+    ".": {
+      "package-name": "",
+      "release-type": "simple"
+    }
+  }
+}

src/_theme.scss

@@ -23,6 +23,7 @@ $lvl3: if($isDark, $base, $crust);
 
   --color-primary: #{$accent};
   --color-primary-contrast: #{$lvl1};
+  --color-primary-hover: #{ctx_lighten($accent, 5%)};
 
   --color-primary-dark-1: #{ctx_lighten($accent, 3%)};
   --color-primary-dark-2: #{ctx_lighten($accent, 6%)};
@@ -115,6 +116,33 @@ $lvl3: if($isDark, $base, $crust);
       ctx_lighten($text, 10%)
     )};
 
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: #{ctx_lighten($red, 10%)};
+  --color-orange-dark-1: #{ctx_lighten($peach, 10%)};
+  --color-yellow-dark-1: #{ctx_lighten($yellow, 10%)};
+  --color-olive-dark-1: #{ctx_lighten($green, 10%)};
+  --color-green-dark-1: #{ctx_lighten($green, 10%)};
+  --color-teal-dark-1: #{ctx_lighten($teal, 10%)};
+  --color-blue-dark-1: #{ctx_lighten($blue, 10%)};
+  --color-violet-dark-1: #{ctx_lighten($lavender, 10%)};
+  --color-purple-dark-1: #{ctx_lighten($mauve, 10%)};
+  --color-pink-dark-1: #{ctx_lighten($pink, 10%)};
+  --color-brown-dark-1: #{ctx_lighten($flamingo, 10%)};
+  --color-black-dark-1: #{ctx_lighten($mantle, 10%)};
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: #{ctx_lighten($red, 20%)};
+  --color-orange-dark-2: #{ctx_lighten($peach, 20%)};
+  --color-yellow-dark-2: #{ctx_lighten($yellow, 20%)};
+  --color-olive-dark-2: #{ctx_lighten($green, 20%)};
+  --color-green-dark-2: #{ctx_lighten($green, 20%)};
+  --color-teal-dark-2: #{ctx_lighten($teal, 20%)};
+  --color-blue-dark-2: #{ctx_lighten($blue, 20%)};
+  --color-violet-dark-2: #{ctx_lighten($lavender, 20%)};
+  --color-purple-dark-2: #{ctx_lighten($mauve, 20%)};
+  --color-pink-dark-2: #{ctx_lighten($pink, 20%)};
+  --color-brown-dark-2: #{ctx_lighten($flamingo, 20%)};
+  --color-black-dark-2: #{ctx_lighten($mantle, 20%)};
+
   /* other colors */
   --color-gold: #{$rosewater};
   --color-white: #{$text};
@@ -154,6 +182,7 @@ $lvl3: if($isDark, $base, $crust);
   --color-orange-badge-bg: #{$lvl1};
   --color-orange-badge-hover-bg: #{ctx_lighten($peach, 5%)};
   --color-git: #{$peach};
+  --color-highlight-bg: #{color.change($yellow, $alpha: 0.15)};
 
   /* target-based colors */
   --color-body: #{$lvl1};
@@ -198,7 +227,7 @@ $lvl3: if($isDark, $base, $crust);
   --color-secondary-bg: #{$surface0};
   --color-text-focus: #{$text};
   --color-expand-button: #{$surface2};
-  --color-placeholder-text: #{$surface2};
+  --color-placeholder-text: #{$subtext0};
   --color-editor-line-highlight: var(--color-primary-light-5);
   --color-project-board-bg: var(--color-secondary-light-2);
   /* gitea source code: */
@@ -282,8 +311,12 @@ $lvl3: if($isDark, $base, $crust);
   color: $text !important;
 }
 
+.inline-code-block {
+  color: #{$crust};
+}
+
 ::selection {
-  background: color.change($rosewater, $alpha: 0.3) !important;
+  background: color.change($accent, $alpha: 0.3) !important;
 }
 
 @import "chroma";