fix: resolving repo topic color conflicts

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "1.0.0"
+  ".": "1.0.1"
 }

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.0.1](https://github.com/catppuccin/gitea/compare/v1.0.0...v1.0.1) (2024-11-10)
+
+
+### Bug Fixes
+
+* set background colour for tooltips & inline code blocks ([#52](https://github.com/catppuccin/gitea/issues/52)) ([f0bf2b7](https://github.com/catppuccin/gitea/commit/f0bf2b7a907838ac9d6cd4c1c677e55f229d042c))
+
 ## [1.0.0](https://github.com/catppuccin/gitea/compare/v0.4.1...v1.0.0) (2024-10-06)
 
 

build.ts

@@ -14,7 +14,6 @@ Deno.mkdirSync(path.join(__dirname, "dist"), { recursive: true });
 const sassBuilder = (flavor: string, accent: string) => `
 @import "@catppuccin/palette/scss/${flavor}";
 $accent: $${accent};
-$flavor: ${flavor};
 $isDark: ${flavor !== "latte"};
 @import "theme";
 `;

docker/.gitignore

@@ -0,0 +1,3 @@
+*
+!docker/docker-compose.yml
+!docker/justfile

docker/docker-compose.yml

@@ -0,0 +1,59 @@
+services:
+  server:
+    image: gitea/gitea:1.22.3
+    container_name: gitea
+    restart: unless-stopped
+    environment:
+      - USER_UID=1000
+      - USER_GID=1000
+      - GITEA__database__DB_TYPE=postgres
+      - GITEA__database__HOST=db:5432
+      - GITEA__database__NAME=gitea
+      - GITEA__database__USER=gitea
+      - GITEA__database__PASSWD=gitea
+    networks:
+      - gitea
+    volumes:
+      # - ./conf/app.ini:/data/gitea/conf/app.ini
+      - type: bind
+        source: ./conf/app.ini
+        target: /data/gitea/conf/app.ini
+      - ./conf/public:/data/gitea/public
+      - ./conf/templates:/data/gitea/templates
+      - ./conf/locale:/data/gitea/options/locale
+      - ./data:/data
+      - /etc/timezone:/etc/timezone:ro
+      - /etc/localtime:/etc/localtime:ro
+    ports:
+      - "3000:3000"
+      - "222:22"
+    depends_on:
+      db:
+        condition: service_healthy
+    healthcheck:
+      test: ["CMD", "curl", "-fSs", "localhost:3000/api/healthz"]
+      interval: "30s"
+      timeout: "5s"
+      retries: 3
+
+  db:
+    image: postgres:14
+    restart: unless-stopped
+    environment:
+      - POSTGRES_USER=gitea
+      - POSTGRES_PASSWORD=gitea
+      - POSTGRES_DB=gitea
+    networks:
+      - gitea
+    volumes:
+      - ./postgres:/var/lib/postgresql/data
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -d $${POSTGRES_DB} -U $${POSTGRES_USER}"]
+      interval: "5s"
+      timeout: "5s"
+      retries: 3
+
+networks:
+  gitea:
+    name: "gitea"
+    external: false

docker/justfile

@@ -0,0 +1,13 @@
+_default:
+  @just --list
+
+build:
+  cd .. && deno task build
+  mkdir -p ./conf/public/assets/css
+  cp ../dist/* ./conf/public/assets/css
+
+down:
+  docker compose down
+
+up: build down
+  docker compose up -d

renovate.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "local>catppuccin/renovate-config"
+  ]
+}

src/_chroma.scss

@@ -0,0 +1,296 @@
+@use "sass:color";
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: $peach;
+}
+/* Comment */
+.chroma .c {
+  color: $overlay0;
+}
+/* CommentSingle */
+.chroma .c1 {
+  color: $overlay0;
+}
+/* CommentHashbang */
+.chroma .ch {
+  color: $overlay0;
+}
+/* CommentMultiline */
+.chroma .cm {
+  color: $overlay0;
+}
+/* CommentPreproc */
+.chroma .cp {
+  color: $blue;
+}
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: $blue;
+}
+/* CommentSpecial */
+.chroma .cs {
+  color: $overlay0;
+}
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: $blue;
+}
+/* NameFunctionMagic */
+.chroma .fm {
+}
+/* Generic */
+.chroma .g {
+}
+/* GenericDeleted */
+.chroma .gd {
+  color: $text;
+  background-color: color.change($red, $alpha: 0.15);
+}
+/* GenericEmph */
+.chroma .ge {
+  font-style: italic;
+}
+/* GenericHeading */
+.chroma .gh {
+  color: $sky;
+}
+/* GenericInserted */
+.chroma .gi {
+  color: $text;
+  background-color: color.change($green, $alpha: 0.15);
+}
+/* GenericUnderline */
+.chroma .gl {
+}
+/* GenericOutput */
+.chroma .go {
+  color: $peach;
+}
+/* GenericPrompt */
+.chroma .gp {
+  color: $overlay0;
+  font-weight: bold;
+}
+/* GenericError */
+.chroma .gr {
+  color: $maroon;
+}
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold;
+}
+/* GenericTraceback */
+.chroma .gt {
+  color: $maroon;
+}
+/* GenericSubheading */
+.chroma .gu {
+  color: $sky;
+}
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: $peach;
+}
+/* Keyword */
+.chroma .k {
+  color: $mauve;
+}
+/* KeywordConstant */
+.chroma .kc {
+  color: $yellow;
+}
+/* KeywordDeclaration */
+.chroma .kd {
+  color: $mauve;
+}
+/* KeywordNamespace */
+.chroma .kn {
+  color: $yellow;
+}
+/* KeywordPseudo */
+.chroma .kp {
+  color: $mauve;
+  font-weight: bold;
+}
+/* KeywordReserved */
+.chroma .kr {
+  color: $mauve;
+}
+/* KeywordType */
+.chroma .kt {
+  color: $yellow;
+}
+/* Literal */
+.chroma .l {
+}
+/* LiteralDate */
+.chroma .ld {
+}
+/* LiteralNumber */
+.chroma .m {
+  color: $peach;
+}
+/* LiteralNumberBin */
+.chroma .mb {
+  color: $peach;
+}
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: $peach;
+}
+/* LiteralNumberHex */
+.chroma .mh {
+  color: $peach;
+}
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: $peach;
+}
+/* LiteralNumberOct */
+.chroma .mo {
+  color: $peach;
+}
+/* Name */
+.chroma .n {
+  color: $lavender;
+}
+/* NameAttribute */
+.chroma .na {
+  color: $yellow;
+}
+/* NameBuiltin */
+.chroma .nb {
+  color: $peach;
+}
+/* NameClass */
+.chroma .nc {
+  color: $yellow;
+}
+/* NameDecorator */
+.chroma .nd {
+  color: $pink;
+}
+/* NameException */
+.chroma .ne {
+  color: $maroon;
+}
+/* NameFunction */
+.chroma .nf {
+  color: $blue;
+}
+/* NameEntity */
+.chroma .ni {
+  color: $pink;
+}
+/* NameLabel */
+.chroma .nl {
+  color: $yellow;
+}
+/* NameNamespace */
+.chroma .nn {
+  color: $yellow;
+}
+/* NameConstant */
+.chroma .no {
+  color: $yellow;
+}
+/* NameTag */
+.chroma .nt {
+  color: $mauve;
+}
+/* NameVariable */
+.chroma .nv {
+  color: $peach;
+}
+/* NameOther */
+.chroma .nx {
+  color: $peach;
+}
+/* Operator */
+.chroma .o {
+  color: $sky;
+}
+/* OperatorWord */
+.chroma .ow {
+  color: $sky;
+  font-weight: bold;
+}
+/* Punctuation */
+.chroma .p {
+  color: $overlay2;
+}
+/* NameProperty */
+.chroma .py {
+}
+/* LiteralString */
+.chroma .s {
+  color: $green;
+}
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: $green;
+}
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: $green;
+}
+/* LiteralStringAffix */
+.chroma .sa {
+  color: $green;
+}
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: $green;
+}
+/* LiteralStringChar */
+.chroma .sc {
+  color: $green;
+}
+/* LiteralStringDoc */
+.chroma .sd {
+  color: $green;
+}
+/* LiteralStringEscape */
+.chroma .se {
+  color: $blue;
+}
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: $green;
+}
+/* LiteralStringInterpol */
+.chroma .si {
+  color: $green;
+}
+/* LiteralStringRegex */
+.chroma .sr {
+  color: $blue;
+}
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: $green;
+}
+/* LiteralStringOther */
+.chroma .sx {
+  color: $green;
+}
+/* NameVariableClass */
+.chroma .vc {
+  color: $yellow;
+}
+/* NameVariableGlobal */
+.chroma .vg {
+  color: $peach;
+}
+/* NameVariableInstance */
+.chroma .vi {
+  color: $yellow;
+}
+/* NameVariableMagic */
+.chroma .vm {
+}
+/* TextWhitespace */
+.chroma .w {
+  color: $surface0;
+}

src/_theme.scss

@@ -1,9 +1,5 @@
 @use "sass:color";
 
-@mixin chroma($flavor) {
-  @import url("https://raw.githubusercontent.com/catppuccin/chroma/012c54d4b3122128c1523fe7ca2d41e9e11be7e4/dist/#{$flavor}-chroma-style.css");
-}
-
 // context-aware lighten: darkens if dark, lightens if light
 @function ctx_lighten($color, $amount) {
   $multiplier: if($isDark, -1, 1);
@@ -224,10 +220,13 @@ $lvl3: if($isDark, $base, $crust);
   --color-card: #{$surface0};
   --color-markup-table-row: #{color.change($text, $alpha: 0.02)};
   --color-markup-code-block: #{color.change($text, $alpha: 0.05)};
+  --color-markup-code-inline: #{$surface0};
   --color-button: #{$surface0};
   --color-code-bg: #{$base};
   --color-code-sidebar-bg: #{$surface0};
   --color-shadow: #{color.change($lvl1, $alpha: 0.1)};
+  --color-tooltip-bg: #{$surface0};
+  --color-tooltip-text: var(--color-text);
   --color-secondary-bg: #{$surface0};
   --color-text-focus: #{$text};
   --color-expand-button: #{$surface2};
@@ -289,6 +288,11 @@ $lvl3: if($isDark, $base, $crust);
   }
 }
 
+// This is a fix for the repo-topic label readability
+#repo-topics .repo-topic {
+  color: $lvl1;
+}
+
 .ui.basic.modal {
   background-color: $lvl3;
 }
@@ -328,6 +332,6 @@ $lvl3: if($isDark, $base, $crust);
   background: color.change($accent, $alpha: 0.3) !important;
 }
 
-@include chroma($flavor);
+@import "chroma";
 @import "codemirror";
 @import "monaco";

version.txt

@@ -1 +1 @@
-1.0.0
+1.0.1