alexandrev/portfolioJournalWeb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Color Schema updates

Browse Source
This commit is contained in:
alexandrev-tibco
2026-01-13 18:21:24 +01:00
parent 92de2ea68d
commit f941831cde
18 changed files with 89 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/style.css
+24 -20
View File
@@ -19,12 +19,12 @@
--color-text-secondary: #6e6e73;
--color-text-tertiary: #86868b;
--color-primary: #0071e3;
--color-primary-hover: #0077ed;
--color-primary-active: #006edb;
--color-primary: #4b7bf2;
--color-primary-hover: #3f6fe6;
--color-primary-active: #3563d9;
--color-accent: #34c759;
--color-accent-secondary: #5856d6;
--color-accent: #58b77a;
--color-accent-secondary: #e9a23b;
--color-warning: #ff9500;
--color-error: #ff3b30;
@@ -35,9 +35,9 @@
/* Gradients */
--gradient-hero: linear-gradient(180deg, #f5f5f7 0%, #ffffff 100%);
--gradient-card: linear-gradient(145deg, #ffffff 0%, #fafafa 100%);
--gradient-accent: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--gradient-blob-1: radial-gradient(circle at 30% 20%, rgba(102, 126, 234, 0.08) 0%, transparent 50%);
--gradient-blob-2: radial-gradient(circle at 70% 80%, rgba(118, 75, 162, 0.06) 0%, transparent 50%);
--gradient-accent: linear-gradient(135deg, #4b7bf2 0%, #58b77a 100%);
--gradient-blob-1: radial-gradient(circle at 30% 20%, rgba(75, 123, 242, 0.12) 0%, transparent 50%);
--gradient-blob-2: radial-gradient(circle at 70% 80%, rgba(233, 162, 59, 0.1) 0%, transparent 50%);
/* Shadows */
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
@@ -129,12 +129,12 @@
--color-text-secondary: #a1a1a6;
--color-text-tertiary: #8e8e93;
--color-primary: #0a84ff;
--color-primary-hover: #409cff;
--color-primary-active: #0077ed;
--color-primary: #6f93ff;
--color-primary-hover: #82a2ff;
--color-primary-active: #5a7fe6;
--color-accent: #30d158;
--color-accent-secondary: #5e5ce6;
--color-accent: #72d39a;
--color-accent-secondary: #ffb54d;
--color-border: rgba(255, 255, 255, 0.1);
--color-border-strong: rgba(255, 255, 255, 0.16);
@@ -142,8 +142,8 @@
--gradient-hero: linear-gradient(180deg, #1c1c1e 0%, #000000 100%);
--gradient-card: linear-gradient(145deg, #2c2c2e 0%, #1c1c1e 100%);
--gradient-blob-1: radial-gradient(circle at 30% 20%, rgba(102, 126, 234, 0.12) 0%, transparent 50%);
--gradient-blob-2: radial-gradient(circle at 70% 80%, rgba(118, 75, 162, 0.1) 0%, transparent 50%);
--gradient-blob-1: radial-gradient(circle at 30% 20%, rgba(111, 147, 255, 0.16) 0%, transparent 50%);
--gradient-blob-2: radial-gradient(circle at 70% 80%, rgba(255, 181, 77, 0.12) 0%, transparent 50%);
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
@@ -388,7 +388,8 @@ p {
color: var(--color-text);
}
.nav-logo svg {
.nav-logo svg,
.nav-logo img {
width: 28px;
height: 28px;
}
@@ -674,13 +675,15 @@ p {
height: 120px;
margin: 0 auto var(--space-8);
border-radius: var(--radius-2xl);
background: var(--gradient-accent);
background: var(--color-surface);
border: 1px solid var(--color-border);
box-shadow: var(--shadow-lg);
display: flex;
align-items: center;
justify-content: center;
}
.hero-app-icon img,
.hero-app-icon svg {
width: 60px;
height: 60px;
@@ -777,14 +780,14 @@ p {
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
color: var(--color-accent-secondary);
background: rgba(88, 86, 214, 0.1);
background: rgba(233, 162, 59, 0.12);
border-radius: var(--radius-full);
text-transform: uppercase;
letter-spacing: 0.5px;
}
[data-theme="dark"] .premium-badge {
background: rgba(94, 92, 230, 0.2);
background: rgba(255, 181, 77, 0.2);
}
/* ========================================
@@ -1124,7 +1127,8 @@ p {
margin-bottom: var(--space-4);
}
.footer-logo svg {
.footer-logo svg,
.footer-logo img {
width: 32px;
height: 32px;
}