Merge pull request '- fixes color issues' (#4) from jherman/gitea-themes:master into master

Reviewed-on: https://git.sainnhe.dev/sainnhe/gitea-themes/pulls/4

README.md

@@ -117,7 +117,7 @@ and `<gitea-container-name>` is the container name of your gitea instance that c
 Now execute the following command to install this theme:
 
 ```bash
-sudo docker exec -u <run-user> <gitea-container-name> sh -c 'mkdir -p <custom-path>/public/css && curl --output-dir <custom-path>/public/css -LO https://git.sainnhe.dev/sainnhe/gitea-themes/raw/branch/master/dist/theme-edge-dark.css'
+sudo docker exec -u <run-user> <gitea-container-name> sh -c 'mkdir -p <custom-path>/public/assets/css && curl --output-dir <custom-path>/public/assets/css -LO https://git.sainnhe.dev/sainnhe/gitea-themes/raw/branch/master/dist/theme-edge-dark.css'
 ```
 
 Replace `<custom-path>` with the `CustomPath` in this command.
@@ -135,7 +135,7 @@ Restart Gitea instance to apply change.
 ### If Gitea is not deployed via Docker
 
 ```bash
-mkdir -p <custom-path>/public/css && curl --output-dir <custom-path>/public/css -LO https://git.sainnhe.dev/sainnhe/gitea-themes/raw/branch/master/dist/theme-edge-dark.css
+mkdir -p <custom-path>/public/assets/css && curl --output-dir <custom-path>/public/assets/css -LO https://git.sainnhe.dev/sainnhe/gitea-themes/raw/branch/master/dist/theme-edge-dark.css
 ```
 
 Where `<custom-path>` can be found via `gitea help`.

src/template/base.less

@@ -113,7 +113,7 @@
   --color-text-hover: fade(@fg, 80%);
   --color-text-light: @tertiary;
   --color-text-light-1: @grey;
-  --color-text-light-2: @fg;
+  --color-text-light-2: @secondary;
   --color-text-light-3: @grey;
   --color-footer: @bg1;
   --color-timeline: @bg4;
@@ -125,6 +125,7 @@
   --color-navbar: @bg1;
   --color-navbar-transparent: @bg1;
   --color-nav-bg: @bg1;
+  --color-nav-hover-bg: @bg3;
   --color-light: @bg1;
   --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
   --color-light-border: @bg4;
@@ -149,11 +150,15 @@
   --color-reaction-bg: #ffffff12;
   --color-reaction-active-bg: var(--color-primary-alpha-40);
   --color-header-bar: @bg1;
+  --color-label-bg: @bg4;
+  --color-label-text: @tertiary;
   --color-label-active-bg: @bg4;
   --color-accent: var(--color-primary-light-1);
   --color-small-accent: var(--color-primary-light-5);
   --color-active-line: @bg1;
-
+  --color-tooltip-bg: var(--color-secondary);
+  --color-input-toggle-background: var(--color-placeholder-text) !important; 
+  
   accent-color: var(--color-accent);
   color-scheme: dark;
 }

src/template/fix.less

@@ -2,7 +2,7 @@
 .ui.primary.button, .ui.primary.buttons .button {
   background: @button1;
   background-color: @button1 !important;
-  color: @bg0;
+  color: @bg0 !important;
 }
 
 .ui.primary.button:hover, .ui.primary.buttons .button:hover {
@@ -11,6 +11,18 @@
   color: @bg0;
 }
 
+.ui.grey.labels .label, .ui.ui.ui.grey.label, .ui.grey.button, .ui.grey.buttons .button {
+  color: @bg0;
+  background-color: @button1;
+  border-color: @button1;
+}
+
+.ui.grey.labels .label:hover, .ui.ui.ui.grey.label:hover, .ui.grey.button:hover, .ui.grey.buttons .button:hover {
+  color: @bg0;
+  background-color: @button1;
+  border-color: @button1;
+}
+
 /* secondary buttons */
 .ui.green.buttons .button, .ui.green.button {
   background: @button2;
@@ -106,12 +118,12 @@ i.grey.icon.icon.icon.icon {
 }
 
 /* grey buttons */
-.ui.grey.labels .label, .ui.ui.ui.grey.label, .ui.grey.button, .ui.grey.buttons .button {
-  color: @bg0;
+.ui.labels a.label, a.ui.label {
+  background-color: @bg1;
 }
 
-.ui.grey.labels .label:hover, .ui.ui.ui.grey.label:hover, .ui.grey.button:hover, .ui.grey.buttons .button:hover {
-  color: @bg0;
+.ui.labels a.label:hover, a.ui.label:hover {
+  background-color: @bg0;
 }
 
 /* orange buttons */