colour settings start

2025-05-25 21:15:28 +02:00
parent a8aeb2dbee
commit 3fe3037aed
14 changed files with 221 additions and 57 deletions
--- a/static/css/colors.css
+++ b/static/css/colors.css
@@ -0,0 +1,51 @@
+:root {
+    /* Primary Colors */
+    --primary-color: #16767b;
+    --primary-light: #1a8a90;
+    
+    /* Secondary Colors */
+    --secondary-color: #741b5f;
+    --secondary-light: #8a2170;
+    
+    /* Background Colors */
+    --bg-color: #f8f9fa;
+    --white: #ffffff;
+    --primary-bg-light: #e6f3f4;
+    
+    /* Text Colors */
+    --text-dark: #333333;
+    --text-muted: #6c757d;
+    
+    /* Status Colors */
+    --warning-color: #ffd700;
+    --danger-color: #dc3545;
+    
+    /* Shadow Colors */
+    --shadow-color: rgba(0, 0, 0, 0.1);
+    --shadow-color-light: rgba(0, 0, 0, 0.25);
+    
+    /* Border Colors */
+    --border-color: #dee2e6;
+    --border-light: #e9ecef;
+    
+    /* Opacity Colors */
+    --primary-opacity-8: rgba(22, 118, 123, 0.08);
+    --primary-opacity-12: rgba(22, 118, 123, 0.12);
+    --primary-opacity-15: rgba(22, 118, 123, 0.15);
+    --primary-opacity-20: rgba(22, 118, 123, 0.2);
+    --warning-opacity-15: rgba(255, 215, 0, 0.15);
+    --danger-opacity-15: rgba(220, 53, 69, 0.15);
+    
+    /* Chart Colors */
+    --chart-primary: #16767b;
+    --chart-secondary: #741b5f;
+    --chart-warning: #ffd700;
+    --chart-primary-light: #2c9da9;
+    --chart-primary-lighter: #43c4d3;
+    --chart-primary-lightest: #5ad9e8;
+    --chart-primary-pale: #71eefd;
+    --chart-secondary-light: #8a2b73;
+    --chart-secondary-lighter: #a03b87;
+    --chart-secondary-lightest: #b64b9b;
+    --chart-secondary-pale: #cc5baf;
+}