style: Update custom CSS for improved theme consistency

- Removed unused source import for templating models.
- Swapped color values for base theme variables to enhance visual consistency.
- Updated button and card styles to utilize new base color classes for better integration with DaisyUI theme.

commit: c1e458958a4a7a5fea8f08e6fe3e821c20af19e7
author: bamen · 19mo ago · 2025-03-30 18:52 UTC
parent: 0ea6c58
signature: unsigned

1 file · +6 -7

M internal/webui/public/assets/css/custom.css +6 -7


@@ -7,7 +7,6 @@
7	7		/* Embeded path : assets/css/cutsom.css */
8	8
9	9		@import "tailwindcss";
10		-	@source "../../../templating/models/html/*/.{gohtml,go}";
11	10		@plugin "daisyui";
12	11
13	12		/* Custom DaisyUI theme */

@@ -17,8 +16,8 @@
17	16		prefersdark: true;
18	17		color-scheme: "dark";
19	18		--color-base-100: oklch(28% 0.091 267.935);
20		-	--color-base-200: oklch(13% 0.028 261.692);
21		-	--color-base-300: oklch(20% 0.042 265.755);
	19	+	--color-base-200: oklch(20% 0.042 265.755);
	20	+	--color-base-300: oklch(13% 0.028 261.692);
22	21		--color-base-content: oklch(93% 0.034 272.788);
23	22		--color-primary: oklch(87% 0 0);
24	23		--color-primary-content: oklch(14% 0 0);

@@ -55,7 +54,7 @@
55	54		}
56	55
57	56		.btn-secondary {
58		-	@apply flex w-full justify-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2;
	57	+	@apply flex w-full justify-center border border-secondary bg-secondary px-4 py-2 text-sm font-medium text-secondary-content hover:bg-secondary/90 focus:outline-none focus:ring-2 focus:ring-secondary focus:ring-offset-2;
59	58		}
60	59
61	60		.btn-danger {

@@ -89,7 +88,7 @@
89	88
90	89		/* Card styles */
91	90		.card {
92		-	@apply bg-white p-4 shadow mb-4;
	91	+	@apply bg-base-100 p-4 shadow mb-4;
93	92		}
94	93
95	94		.card-header {

@@ -98,7 +97,7 @@
98	97
99	98		/* Background styles */
100	99		.bg-app {
101		-	@apply bg-indigo-50;
	100	+	@apply bg-base-300;
102	101		}
103	102
104	103		.bg-sidebar {

@@ -106,7 +105,7 @@
106	105		}
107	106
108	107		.bg-card {
109		-	@apply bg-white;
	108	+	@apply bg-base-100;
110	109		}
111	110
112	111		/* Text styles */

 /* Embeded path : assets/css/cutsom.css */
 @import "tailwindcss";
-@source "../../../templating/models/html/**/*.{gohtml,go}";
 @plugin "daisyui";
 /* Custom DaisyUI theme */
   prefersdark: true;
   color-scheme: "dark";
   --color-base-100: oklch(28% 0.091 267.935);
-  --color-base-200: oklch(13% 0.028 261.692);
+  --color-base-200: oklch(20% 0.042 265.755);
-  --color-base-300: oklch(20% 0.042 265.755);
+  --color-base-300: oklch(13% 0.028 261.692);
   --color-base-content: oklch(93% 0.034 272.788);
   --color-primary: oklch(87% 0 0);
   --color-primary-content: oklch(14% 0 0);
   }
   .btn-secondary {
-    @apply flex w-full justify-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2;
+    @apply flex w-full justify-center border border-secondary bg-secondary px-4 py-2 text-sm font-medium text-secondary-content hover:bg-secondary/90 focus:outline-none focus:ring-2 focus:ring-secondary focus:ring-offset-2;
   }
   .btn-danger {
   /* Card styles */
   .card {
-    @apply bg-white p-4 shadow mb-4;
+    @apply bg-base-100 p-4 shadow mb-4;
   }
   .card-header {
   /* Background styles */
   .bg-app {
-    @apply bg-indigo-50;
+    @apply bg-base-300;
   }
   .bg-sidebar {
   }
   .bg-card {
-    @apply bg-white;
+    @apply bg-base-100;
   }
   /* Text styles */