Global/wakapi
1
0
Fork 0
mirror of https://github.com/muety/wakapi.git synced 2025-12-05 14:10:24 -08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: add alpha value to all colors and fix index digits

Browse Source
This commit is contained in:
Max Koon
2025-09-05 07:49:53 -04:00
parent 57d7be61fc
commit df81cb34a2
5 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
static/assets/css/app.css
View File

@@ -17,15 +17,13 @@ main {
}
:root {
--background: rgb(17 24 39);
--background: 17 24 39;
--card: 36 43 58;
--muted: rgb(107 114 128);
--secondary: rgb(156 163 175);
--foreground: rgb(209 213 219);
--muted: 107 114 128;
--secondary: 156 163 175;
--foreground: 209 213 219;
--focused: 31 41 55;
--primary: rgb(255 255 255);
--primary: 255 255 255;
--accent: 4 120 87;
--danger: 220 38 38;
}

2
static/assets/css/app.dist.css
View File

File diff suppressed because one or more lines are too long

BIN
static/assets/css/app.dist.css.br
View File

Binary file not shown.

12
tailwind.config.js
View File

@@ -6,14 +6,12 @@ module.exports = {
extend: {
colors: {
green: colors.emerald,
background: 'var(--background)',
background: 'rgb(var(--background) / <alpha-value>)',
card: 'rgb(var(--card) / <alpha-value>)',
muted: 'var(--muted)',
secondary: 'var(--secondary)',
primary: 'var(--primary)',
foreground: 'var(--foreground)',
muted: 'rgb(var(--muted) / <alpha-value>)',
secondary: 'rgb(var(--secondary) / <alpha-value>)',
primary: 'rgb(var(--primary) / <alpha-value>)',
foreground: 'rgb(var(--foreground) / <alpha-value>)',
focused: 'rgb(var(--focused) / <alpha-value>)',
accent: 'rgb(var(--accent) / <alpha-value>)',
danger: 'rgb(var(--danger) / <alpha-value>)',

4
views/index.tpl.html
View File

@@ -49,11 +49,11 @@
<p class="text-center text-secondary text-md mt-4 mb-4">
This system has tracked a total of </span>
{{ range $d := .TotalHours | printf "%d" | toRunes }}
<span class="bg-background rounded-sm p-1 border border-muted font-mono text-secondary" style="margin: auto -1px;" title="{{ $.TotalHours }} hours (updated every hour)">{{ $d }}</span>
<span class="bg-background rounded-sm p-1 border border-muted/50 font-mono text-secondary" style="margin: auto -1px;" title="{{ $.TotalHours }} hours (updated every hour)">{{ $d }}</span>
{{ end }}
<span class="mx-1">hours of coding from</span>
{{ range $d := .TotalUsers | printf "%d" | toRunes }}
<span class="bg-background rounded-sm p-1 border border-muted font-mono text-secondary" style="margin: auto -1px;" title="{{ $.TotalUsers }} users (updated every hour)">{{ $d }}</span>
<span class="bg-background rounded-sm p-1 border border-muted/50 font-mono text-secondary" style="margin: auto -1px;" title="{{ $.TotalUsers }} users (updated every hour)">{{ $d }}</span>
{{ end }}
<span class="ml-1">users.</span>
</p>