zer0interrupt/recipe-manager
1
0
Fork 0
mirror of https://gitlab.com/Zer0interrupt/recipe-manager.git synced 2026-11-01 23:24:11 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Remove color gradients from buttons and hero heading text

Browse source
This commit is contained in:
Chris 2026-11-01 00:34:00 -04:00
parent a1a6637577
commit 50b94bb190
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
public/style.css
View file

@ -327,9 +327,7 @@ h1, h2, h3, h4, h5, h6 {
font-size: 2.8rem; font-size: 2.8rem;
line-height: 1.15; line-height: 1.15;
margin-bottom: 12px; margin-bottom: 12px;
background: linear-gradient(to right, var(--text-main), hsl(var(--hue-primary), 90%, 55%)); color: var(--text-main);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} }
.hero-content p { .hero-content p {
@ -1577,7 +1575,7 @@ h1, h2, h3, h4, h5, h6 {
.dashboard-tab-btn.active { .dashboard-tab-btn.active {
color: var(--text-white); color: var(--text-white);
background: linear-gradient(135deg, var(--primary), var(--secondary)); background-color: var(--primary);
box-shadow: 0 4px 12px var(--primary-glow); box-shadow: 0 4px 12px var(--primary-glow);
} }
@ -2120,7 +2118,7 @@ h1, h2, h3, h4, h5, h6 {
width: var(--fab-size); width: var(--fab-size);
height: var(--fab-size); height: var(--fab-size);
border-radius: var(--border-radius-full); border-radius: var(--border-radius-full);
background: linear-gradient(135deg, var(--primary), var(--secondary)); background-color: var(--primary);
box-shadow: 0 6px 20px var(--primary-glow); box-shadow: 0 6px 20px var(--primary-glow);
border: none; border: none;
color: var(--text-white); color: var(--text-white);
@ -2374,7 +2372,7 @@ h1, h2, h3, h4, h5, h6 {
} }
.mobile-header-btn-add { .mobile-header-btn-add {
background: linear-gradient(135deg, var(--primary), var(--secondary)); background-color: var(--primary);
color: var(--text-white); color: var(--text-white);
border: none; border: none;
box-shadow: 0 4px 10px var(--primary-glow); box-shadow: 0 4px 10px var(--primary-glow);