bender/aa7a2672-b37b-46ca-bd01-dca5c8022c23
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update color theme and branding

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-05-08 09:07:33 +00:00
parent b92f4bc987
commit 007e0f8bb6
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Layout.tsx
View File

@@ -1,7 +1,7 @@
import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';
import NavbarFloating from '@/components/ui/NavbarFloating';
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
import { Outlet } from 'react-router-dom';
import HomePage from '@/pages/HomePage';
import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
@@ -47,7 +47,7 @@ export default function Layout() {
}}
navItems={navItems} />
<main className="flex-grow">
<Outlet />
<HomePage />
</main>
<FooterSimpleCard
brand="The Grand Hotel"

24
src/index.css
View File

@@ -5,15 +5,15 @@
:root {
/* @colorThemes/lightTheme/grayNavyBlue */
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f5f5f5;
--primary-cta: #ffdf7d;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #b8860b;
--background-accent: #8b6914;
--background: #0D0D0D;
--card: #1A1A1A;
--foreground: #E5E5E5;
--primary-cta: #D4AF37;
--primary-cta-text: #0D0D0D;
--secondary-cta: #1A1A1A;
--secondary-cta-text: #E5E5E5;
--accent: #D4AF37;
--background-accent: #B8860B;
/* @layout/border-radius/rounded */
--radius: 1rem;
@@ -159,14 +159,14 @@ h6 {
.card {
/* WEBILD_CARD_STYLE */
/* @cards/gradient-radial */
background: radial-gradient(circle at center, color-mix(in srgb, var(--color-card) 100%, var(--color-accent) 20%) 0%, var(--color-card) 90%);
background: radial-gradient(circle at center, color-mix(in srgb, var(--color-card) 90%, var(--color-accent) 2%) 0%, var(--color-card) 70%);
}
.primary-button {
/* WEBILD_PRIMARY_BUTTON */
/* @primaryButtons/diagonal-gradient */
background: linear-gradient(to bottom right, color-mix(in srgb, var(--color-primary-cta) 80%, transparent), var(--color-foreground));
box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 30%, transparent);
background: var(--color-primary-cta);
box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
}
.secondary-button {