DandelionNStuff/NixWeb-homepage
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add new color token and change hero section bg color

Browse Source
This commit is contained in:
Techit Thawiang
2025-09-22 17:35:46 +07:00
parent 116d448621
commit ccc16a90a5
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/css/main.css
+3 -1
View File
@@ -11,6 +11,8 @@
--ui-header-navbar-height: calc(var(--spacing)*10); --ui-header-navbar-height: calc(var(--spacing)*10);
--ui-bg-container: oklch(0.9557 0.1104 102.71); --ui-bg-container: oklch(0.9557 0.1104 102.71);
--ui-primary-container: oklch(0.97 0.005 102.71);
--ui-on-primary-container: oklch(0.364 0.007 82.5);
--ui-bg-container-bd: oklch(0.85 0.1104 102.71); --ui-bg-container-bd: oklch(0.85 0.1104 102.71);
--ui-on-bg-container: oklch(0.4644 0.0554 82.5); --ui-on-bg-container: oklch(0.4644 0.0554 82.5);
@@ -82,7 +84,7 @@ body {
@apply bg-linear-[to_bottom,var(--ui-primary)_0%,var(--ui-primary-light)_90%] text-white; @apply bg-linear-[to_bottom,var(--ui-primary)_0%,var(--ui-primary-light)_90%] text-white;
} }
.hero-section { .hero-section {
@apply py-16 drop-shadow-md bg-green-50 bg-cover bg-center; @apply py-16 drop-shadow-md bg-(--ui-primary-container) text-(--ui-on-primary-container) bg-cover bg-center;
} }
.hero-section > .container > .brace { .hero-section > .container > .brace {
@apply my-4; @apply my-4;