romfast/romfast-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(theme): border visible, shadow neutral, hero gradient teal

Browse Source 
- --border: #e8f4f7 → #cbd5e1 (gray-300, vizibil pe fundal alb)
- --shadow: albastru → neutral rgba(0,0,0,0.08)
- --hero-gradient: alb pe alb → teal subtil (#e8f4f7 → white → #f0f9fb)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marius Mutu
2026-04-28 17:43:03 +00:00
parent 7e4c2b6ec1
commit d2c65a748d
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
professional-theme.css
View File

@@ -25,13 +25,13 @@
--muted: #f5f6f7 !important; /* Light gray muted */ --muted: #f5f6f7 !important; /* Light gray muted */
--muted-foreground: #2c3e50 !important; /* Soft executive navy muted text */ --muted-foreground: #2c3e50 !important; /* Soft executive navy muted text */
--border: #e8f2ff !important; /* Very light blue border */ --border: #cbd5e1 !important; /* gray-300, visible on white */
--input: #ffffff !important; /* White input background */ --input: #ffffff !important; /* White input background */
--ring: #5288c4 !important; /* Soft professional blue focus ring */ --ring: #5288c4 !important; /* Soft professional blue focus ring */
/* Soft Professional Gradients - Gentle & Muted */ /* Soft Professional Gradients - Gentle & Muted */
--navbar-bg: linear-gradient(135deg, #2c3e50, #4a7ba7) !important; /* Soft navy to gentle trust blue */ --navbar-bg: linear-gradient(135deg, #2c3e50, #4a7ba7) !important; /* Soft navy to gentle trust blue */
--hero-gradient: linear-gradient(180deg, #fafbfc, #ffffff) !important; /* Soft executive white to pure white */ --hero-gradient: linear-gradient(to bottom right, #e8f4f7, #ffffff, #f0f9fb) !important; /* Soft teal hero gradient */
--button-gradient: linear-gradient(90deg, #5288c4, #4a7ba7) !important; /* Soft professional blue to gentle trust blue */ --button-gradient: linear-gradient(90deg, #5288c4, #4a7ba7) !important; /* Soft professional blue to gentle trust blue */
--red-gradient: linear-gradient(90deg, #b85555, #c67b7b) !important; /* Muted red accent gradient */ --red-gradient: linear-gradient(90deg, #b85555, #c67b7b) !important; /* Muted red accent gradient */
@@ -51,7 +51,7 @@
--shadow-2xs: 0 1px 3px 0px rgba(82, 136, 196, 0.03) !important; --shadow-2xs: 0 1px 3px 0px rgba(82, 136, 196, 0.03) !important;
--shadow-xs: 0 2px 6px 0px rgba(82, 136, 196, 0.04) !important; --shadow-xs: 0 2px 6px 0px rgba(82, 136, 196, 0.04) !important;
--shadow-sm: 0 3px 10px 0px rgba(82, 136, 196, 0.05), 0 1px 2px 0px rgba(82, 136, 196, 0.02) !important; --shadow-sm: 0 3px 10px 0px rgba(82, 136, 196, 0.05), 0 1px 2px 0px rgba(82, 136, 196, 0.02) !important;
--shadow: 0 4px 16px 0px rgba(82, 136, 196, 0.06), 0 2px 4px 0px rgba(82, 136, 196, 0.03) !important; --shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
--shadow-md: 0 6px 20px 0px rgba(82, 136, 196, 0.08), 0 3px 6px 0px rgba(82, 136, 196, 0.04) !important; --shadow-md: 0 6px 20px 0px rgba(82, 136, 196, 0.08), 0 3px 6px 0px rgba(82, 136, 196, 0.04) !important;
--shadow-lg: 0 8px 28px 0px rgba(82, 136, 196, 0.10), 0 4px 8px 0px rgba(82, 136, 196, 0.05) !important; --shadow-lg: 0 8px 28px 0px rgba(82, 136, 196, 0.10), 0 4px 8px 0px rgba(82, 136, 196, 0.05) !important;
--shadow-xl: 0 12px 36px 0px rgba(82, 136, 196, 0.12), 0 6px 12px 0px rgba(82, 136, 196, 0.06) !important; --shadow-xl: 0 12px 36px 0px rgba(82, 136, 196, 0.12), 0 6px 12px 0px rgba(82, 136, 196, 0.06) !important;