fixes

fezcode · fezcode · commit 40d97430ec95 · 2025-11-07T03:18:41.000+03:00
diff --git a/src/config/colors.js b/src/config/colors.js
@@ -34,18 +34,14 @@ module.exports = {
   'title-hover': '#fdd4a6', // orange-200
   'markdown-title-color': '#fed7aa', // orange-200
   'markdown-hx-color': '#ffedd5', // orange-100
-  'dev-card-bg': 'rgba(68, 64, 59, 0.3)', // stone-700
-  'dev-card-bg-hover': 'rgba(68, 64, 59, 0.55)', // stone-700/20
-  'takes-card-bg': 'rgba(6, 95, 70, 0.175)', // emerald-900/15
-  'takes-card-bg-hover': 'rgba(16, 185, 129, 0.275)', // emerald-500/20
-  'series-card-bg': 'rgba(225, 29, 72, 0.1)', // rose-600/10
-  'series-card-bg-hover': 'rgba(225, 29, 72, 0.2)', // rose-600/20
-  'dnd-card-bg': 'rgba(139, 92, 246, 0.1)', // violet-500/10
-  'dnd-card-bg-hover': 'rgba(139, 92, 246, 0.2)', // violet-500/20
-  'color-dev-badge': '#10b981', // emerald-500
-  'color-takes-badge': '#f97316', // orange-500
-  'color-series-badge': '#ec4899', // pink-500
-  'color-dnd-badge': '#a78bfa', // violet-400
+  'dev-card-bg': 'var(--bg-dev-card)',
+  'dev-card-bg-hover': 'var(--bg-dev-card-hover)',
+  'takes-card-bg': 'var(--bg-takes-card)',
+  'takes-card-bg-hover': 'var(--bg-takes-card-hover)',
+  'series-card-bg': 'var(--bg-series-card)',
+  'series-card-bg-hover': 'var(--bg-series-card-hover)',
+  'dnd-card-bg': 'var(--bg-dnd-card)',
+  'dnd-card-bg-hover': 'var(--bg-dnd-card-hover)',
   'book-alpha-10': 'rgba(158, 197, 171, 0.1)',
   'book-alpha-50': 'rgba(158, 197, 171, 0.5)',
   'movie-alpha-10': 'rgba(199, 81, 70, 0.1)',
@@ -122,4 +118,4 @@ module.exports = {
     'line-highlight-start': '#3c526d5f',
     'line-highlight-end': '#3c526d55',
   },
-};
+};
diff --git a/src/index.css b/src/index.css
@@ -68,17 +68,35 @@ code {
 }
 
 :root {
-  --color-dev-badge: #44403c; /* stone-700 */
+  /*dev card*/
+  --color-dev-badge: #345995;
+  --bg-dev-card: rgba(52, 89, 149, 0.3);
+  --bg-dev-card-hover: rgba(52, 89, 149, 0.55);
+
+  /*rant card*/
   --color-takes-badge: #065f46; /* emerald-800 */
+  --bg-takes-card: rgba(6, 95, 70, 0.175);
+  --bg-takes-card-hover: rgba(16, 185, 129, 0.275);
+
+  /*series card*/
   --color-series-badge: #e11d48; /* rose-600 */
+  --bg-series-card: rgba(225, 29, 72, 0.1);
+  --bg-series-card-hover: rgba(225, 29, 72, 0.2);
+
+  /*dnd card*/
   --color-dnd-badge: #583fa3; /* violet-400 */
+  --bg-dnd-card: rgba(139, 92, 246, 0.1);
+  --bg-dnd-card-hover: rgba(139, 92, 246, 0.2);
+
+  /*fezccode colors*/
   --fzcdx-background: #ffffff;
   --fzcdx-text-primary: #2d2d2d;
   --fzcdx-text-secondary: #4b5563;
   --fzcdx-primary: #f87171;
   --fzcdx-secondary: #fb923c;
   --fzcdx-accent: #34d399;
   --fzcdx-spanner: #e89b5d;
+
 }
 
 .codex-color {
diff --git a/src/pages/apps/IpPage.js b/src/pages/apps/IpPage.js
@@ -102,7 +102,7 @@ function IpPage() {
                       backgroundColor: 'rgba(0, 0, 0, 0.2)',
                       color: cardStyle.color,
                       borderColor: cardStyle.borderColor,
-                      '--hover-bg-color': colors['article-alpha-50'],
+                      '--hover-bg-color': colors['app-alpha-50'],
                     }}
                     onMouseEnter={(e) => e.currentTarget.style.backgroundColor = 'var(--hover-bg-color)'}
                     onMouseLeave={(e) => e.currentTarget.style.backgroundColor = 'rgba(0, 0, 0, 0.2)'}
