Switch to Obsidian Scholar color palette

lmsege/lms/static/css/unfold_custom.css

@@ -25,58 +25,58 @@ body {
     height: 6px;
 }
 ::-webkit-scrollbar-track {
-    background: #11131b;
+    background: #0c1322;
 }
 ::-webkit-scrollbar-thumb {
-    background: #2a2d39;
+    background: #2e3545;
     border-radius: 2px;
 }
 ::-webkit-scrollbar-thumb:hover {
-    background: #3b4052;
+    background: #464554;
 }
 
 /* Specific overrides for Unfold backgrounds in dark mode to perfectly match the design */
 html[data-theme="dark"] body {
-    background-color: #0b0f17 !important;
+    background-color: #0c1322 !important;
 }
 
 html[data-theme="dark"] aside,
 html[data-theme="dark"] header {
-    background-color: #11131b !important;
-    border-color: #2a2d39 !important;
+    background-color: #141b2b !important;
+    border-color: #2e3545 !important;
 }
 
 /* Cards and table backgrounds */
 html[data-theme="dark"] .bg-white {
-    background-color: #191b23 !important;
-    border-color: #2a2d39 !important;
+    background-color: #191f2f !important;
+    border-color: #2e3545 !important;
 }
 
 html[data-theme="dark"] .bg-gray-50 {
-    background-color: #11131b !important;
-    border-color: #2a2d39 !important;
+    background-color: #141b2b !important;
+    border-color: #2e3545 !important;
 }
 
 html[data-theme="dark"] .bg-gray-100 {
-    background-color: #12141c !important;
+    background-color: #0c1322 !important;
 }
 
 html[data-theme="dark"] input,
 html[data-theme="dark"] textarea,
 html[data-theme="dark"] select {
-    background-color: #12141c !important;
-    border-color: #2a2d39 !important;
+    background-color: #0c1322 !important;
+    border-color: #464554 !important;
 }
 
 html[data-theme="dark"] .border-gray-200,
 html[data-theme="dark"] .border-gray-300,
 html[data-theme="dark"] .border-gray-700,
 html[data-theme="dark"] .border-gray-800 {
-    border-color: #2a2d39 !important;
+    border-color: #2e3545 !important;
 }
 
 /* Submit row at bottom */
 html[data-theme="dark"] #submit-row {
-    background-color: #11131b !important;
-    border-color: #2a2d39 !important;
+    background-color: #141b2b !important;
+    border-color: #2e3545 !important;
 }

lmsege/lms/templates/lms/base.html

@@ -17,25 +17,25 @@
                 extend: {
                     colors: {
                         obsidian: {
-                            base: '#11131b',
-                            deep: '#0c0e16',
-                            card: '#191b23',
-                            border: '#2e313c',
-                            borderLight: '#3b3f4d',
+                            base: '#141b2b',
+                            deep: '#0c1322',
+                            card: '#191f2f',
+                            border: '#2e3545',
+                            borderLight: '#464554',
                         },
                         accent: {
-                            blue: '#2563eb',
-                            blueHover: '#1d4ed8',
-                            blueSubtle: 'rgba(37, 99, 235, 0.12)',
-                            blueBorder: '#3b82f6',
+                            blue: '#494bd6',
+                            blueHover: '#3a3bc0',
+                            blueSubtle: 'rgba(73, 75, 214, 0.12)',
+                            blueBorder: 'rgba(73, 75, 214, 0.35)',
                         },
                         status: {
-                            emerald: '#10b981',
-                            emeraldBg: 'rgba(16, 185, 129, 0.12)',
+                            emerald: '#4edea3',
+                            emeraldBg: 'rgba(78, 222, 163, 0.12)',
                             amber: '#f59e0b',
                             amberBg: 'rgba(245, 158, 11, 0.12)',
-                            rose: '#ef4444',
-                            roseBg: 'rgba(239, 68, 68, 0.12)',
+                            rose: '#ffb4ab',
+                            roseBg: 'rgba(255, 180, 171, 0.12)',
                         },
                         txt: {
                             primary: '#f1f5f9',

lmsege/lmsege/settings.py

@@ -66,31 +66,31 @@ UNFOLD = {
     ],
     "COLORS": {
         "primary": {
-            "50": "#eff6ff",
-            "100": "#dbeafe",
-            "200": "#bfdbfe",
-            "300": "#93c5fd",
-            "400": "#60a5fa",
-            "500": "#3b82f6",
-            "600": "#2563eb",
-            "700": "#1d4ed8",
-            "800": "#1e40af",
-            "900": "#1e3a8a",
-            "950": "#172554",
+            "50": "#f2f2ff",
+            "100": "#e1e0ff",
+            "200": "#c0c1ff",
+            "300": "#9a9cff",
+            "400": "#8083ff",
+            "500": "#6062f0",
+            "600": "#494bd6",
+            "700": "#3a3bc0",
+            "800": "#292a9b",
+            "900": "#1000a9",
+            "950": "#07006c",
         },
         "base": {
-            "50": "#f8fafc",
-            "100": "#f1f5f9",
-            "200": "#cbd5e1",
-            "300": "#94a3b8",
-            "400": "#64748b",
-            "500": "#3b3f4d",
-            "600": "#2e313c",
-            "700": "#191b23",
-            "800": "#11131b",
-            "900": "#0c0e16",
-            "950": "#000000",
-        },
+            "50": "#ffffff",
+            "100": "#e1e0ff",
+            "200": "#dce2f7",
+            "300": "#c7c4d7",
+            "400": "#908fa0",
+            "500": "#464554",
+            "600": "#2e3545",
+            "700": "#191f2f",
+            "800": "#141b2b",
+            "900": "#0c1322",
+            "950": "#070e1d",
+        }
     },
     "SIDEBAR": {
         "show_search": True,