danvics/debrid-services-comparison
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: update color variables and improve footer section headings

Browse source
This commit is contained in:
fynks 2026-03-22 23:37:36 +05:00
parent eca3183512
commit 68a38ffd95
1 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
dist/css/styles.css vendored
View file

@ -11,9 +11,9 @@
} }
:root { :root {
--primary: #6366f1; --primary: #4f46e5;
--primary-hover: #4f46e5; --primary-hover: #4338ca;
--primary-light: #a5b4fc; --primary-light: #818cf8;
--primary-dark: #3730a3; --primary-dark: #3730a3;
--accent: #8b5cf6; --accent: #8b5cf6;
--success: #10b981; --success: #10b981;
@ -99,9 +99,9 @@
--bg-elevated: var(--gray-800); --bg-elevated: var(--gray-800);
--border-primary: var(--gray-700); --border-primary: var(--gray-700);
--border-secondary: var(--gray-600); --border-secondary: var(--gray-600);
--primary: #818cf8; --primary: #a5b4fc;
--primary-hover: #a5b4fc; --primary-hover: #c7d2fe;
--primary-light: #c7d2fe; --primary-light: #e0e7ff;
--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .4); --shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .4);
--shadow-md: 0 4px 12px 0 rgb(0 0 0 / .5); --shadow-md: 0 4px 12px 0 rgb(0 0 0 / .5);
--shadow-lg: 0 8px 24px 0 rgb(0 0 0 / .6); --shadow-lg: 0 8px 24px 0 rgb(0 0 0 / .6);
@ -2259,7 +2259,7 @@ th {
text-align: center; text-align: center;
} }
.resource-section-header h2 { .resource-section-header h3 {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: var(--space-md); gap: var(--space-md);
@ -2343,7 +2343,7 @@ th {
.resource-tags .tag { .resource-tags .tag {
font-size: 0.65rem; font-size: 0.65rem;
color: var(--primary); color: var(--primary);
background: rgba(99, 102, 241, 0.08); background: rgba(79, 70, 229, 0.12);
padding: 3px 8px; padding: 3px 8px;
border-radius: var(--radius-md); border-radius: var(--radius-md);
font-weight: var(--font-semibold); font-weight: var(--font-semibold);
@ -2535,6 +2535,9 @@ th {
} }
.referral-cta-button { .referral-cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%; width: 100%;
padding: var(--space-sm) var(--space-lg); padding: var(--space-sm) var(--space-lg);
background: transparent; background: transparent;
@ -2662,7 +2665,7 @@ select:hover {
font-size: var(--text-lg); font-size: var(--text-lg);
font-weight: var(--font-bold); font-weight: var(--font-bold);
color: var(--primary); color: var(--primary);
background: var(--bg-secondary); background: var(--bg-primary);
padding: var(--space-md) var(--space-md); padding: var(--space-md) var(--space-md);
border-radius: var(--radius-xl); border-radius: var(--radius-xl);
border: 2px solid var(--border-primary); border: 2px solid var(--border-primary);
@ -3204,7 +3207,7 @@ select:hover {
gap: var(--space-xs); gap: var(--space-xs);
} }
.footer-brand h4 { .footer-brand h2 {
margin: 0; margin: 0;
font-size: var(--text-xl); font-size: var(--text-xl);
font-weight: var(--font-bold); font-weight: var(--font-bold);
@ -3215,7 +3218,7 @@ select:hover {
.footer-tagline { .footer-tagline {
margin: 0; margin: 0;
font-size: var(--text-xs); font-size: var(--text-xs);
color: var(--text-muted); color: var(--text-secondary);
font-weight: var(--font-medium); font-weight: var(--font-medium);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: .1em; letter-spacing: .1em;
@ -3228,7 +3231,7 @@ select:hover {
font-size: var(--text-sm); font-size: var(--text-sm);
} }
.footer-section h5 { .footer-section h3 {
margin: 0 0 var(--space-md); margin: 0 0 var(--space-md);
font-size: var(--text-base); font-size: var(--text-base);
font-weight: var(--font-bold); font-weight: var(--font-bold);
@ -3237,7 +3240,7 @@ select:hover {
padding-bottom: 0; padding-bottom: 0;
} }
.footer-section h5::after { .footer-section h3::after {
content: ''; content: '';
display: block; display: block;
width: 52px; width: 52px;
@ -3346,7 +3349,7 @@ select:hover {
text-align: center; text-align: center;
} }
.footer-section h5::after { .footer-section h3::after {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -3419,7 +3422,7 @@ select:hover {
align-items: center; align-items: center;
gap: var(--space-xs); gap: var(--space-xs);
font-size: var(--text-xs); font-size: var(--text-xs);
color: var(--text-muted); color: var(--text-secondary);
padding: 0; padding: 0;
background: transparent; background: transparent;
border: 0; border: 0;
@ -3621,7 +3624,7 @@ select:hover {
gap:var(--space-xl) gap:var(--space-xl)
} }
.site-footer .footer-section h4, .site-footer .footer-section h5 { .site-footer .footer-section h3 {
margin-top:0; margin-bottom:var(--space-sm); text-align:center margin-top:0; margin-bottom:var(--space-sm); text-align:center
} }