Reduce colors

This commit is contained in:
Florian Hoss 2022-12-19 14:14:01 +01:00
parent e75c33b71d
commit 87205943fe
3 changed files with 11 additions and 12 deletions

View file

@ -13,12 +13,12 @@
@apply h-8 w-8 shrink-0 mr-3 opacity-90;
}
.extra-icon {
@apply h-3 w-3 shrink-0 mr-2;
@apply h-3 w-3 shrink-0 mr-2 text-primary;
}
.extra-sun-icon {
@apply h-4 w-4 shrink-0 -mb-1 mr-2;
@apply h-4 w-4 shrink-0 -mb-1 mr-2 text-primary;
}
.extra-system-info {
@apply text-primary text-xs truncate;
@apply text-xs truncate;
}
}

View file

@ -1,6 +1,6 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./templates/**/*.gohtml"],
content: ["./templates/*.gohtml"],
theme: {
extend: {},
},
@ -10,14 +10,13 @@ module.exports = {
{
light: {
...require("daisyui/src/colors/themes")["[data-theme=light]"],
primary: "#d07915",
primary: "#f28c18",
},
halloween: {
dark: {
...require("daisyui/src/colors/themes")["[data-theme=halloween]"],
primary: "#d07915",
},
},
],
darkTheme: "halloween",
darkTheme: "dark",
},
};

View file

@ -23,25 +23,25 @@
<svg class="extra-icon">
<use xlink:href="#quote"></use>
</svg>
<div id="weatherDescription" class="text-primary">{{ .Weather.Description }}</div>
<div id="weatherDescription">{{ .Weather.Description }}</div>
</div>
<div class="flex items-center">
<svg class="extra-icon">
<use xlink:href="#humidity"></use>
</svg>
<div id="weatherHumidity" class="text-primary">{{ .Weather.Humidity }}%</div>
<div id="weatherHumidity">{{ .Weather.Humidity }}%</div>
</div>
<div class="hidden sm:flex items-center">
<svg class="extra-sun-icon">
<use xlink:href="#sunrise"></use>
</svg>
<div id="weatherSunrise" class="text-primary">{{ .Weather.Sunrise }}</div>
<div id="weatherSunrise">{{ .Weather.Sunrise }}</div>
</div>
<div class="hidden sm:flex items-center">
<svg class="extra-sun-icon">
<use xlink:href="#sunset"></use>
</svg>
<div id="weatherSunset" class="text-primary">{{ .Weather.Sunset }}</div>
<div id="weatherSunset">{{ .Weather.Sunset }}</div>
</div>
</div>
</div>