/* ========================================================================= LMS / DASHBOARD THEME PALETTE (generic, app-wide) ------------------------------------------------------------------------- Colors follow the AdminLTE skin-* class on , which is set from Settings > Theme dropdown (DropDownTheme / ddlTheme.cshtml). Usage in any view / partial / inline style: color: var(--lms-heading); background: linear-gradient(30deg, #FFF, var(--lms-tint), #FFF); border: 1px solid var(--lms-border) !important; Prefer a fallback when the view can render outside the AdminLTE layout: background: var(--lms-tint, #C1E0F2); Default = blue (the original hardcoded LMS dashboard colors). Light skin variants (skin-*-light) share the same hue as their base skin. ========================================================================= */ body { --lms-primary: #3c8dbc; /* main color (active tab, buttons) */ --lms-primary-dark: #367fa9; /* darker shade (borders, hover text) */ --lms-heading: #112A46; /* dark heading text */ --lms-tint: #C1E0F2; /* light tint (gradients, hover bg) */ --lms-tint-soft: #eef5fb; /* very light bg (tab pills) */ --lms-border: #76C1E2; /* card borders */ --lms-shadow: #99D1F0; /* box shadows */ --lms-accent: #52B5DE; /* profile image glow */ } body.skin-green, body.skin-green-light { --lms-primary: #00a65a; --lms-primary-dark: #008d4c; --lms-heading: #0e3d2b; --lms-tint: #c3ebd7; --lms-tint-soft: #ecf9f2; --lms-border: #7fd3ab; --lms-shadow: #9fe0c1; --lms-accent: #4fc98f; } body.skin-yellow, body.skin-yellow-light { --lms-primary: #f39c12; --lms-primary-dark: #e08e0b; --lms-heading: #5c3c08; --lms-tint: #fbe4bc; --lms-tint-soft: #fef6e7; --lms-border: #f5c878; --lms-shadow: #f8d79b; --lms-accent: #f0b855; } body.skin-red, body.skin-red-light { --lms-primary: #dd4b39; --lms-primary-dark: #d73925; --lms-heading: #5a180f; --lms-tint: #f6ccc6; --lms-tint-soft: #fceeec; --lms-border: #ea9086; --lms-shadow: #f1b0a8; --lms-accent: #e4715f; } body.skin-purple, body.skin-purple-light { --lms-primary: #605ca8; --lms-primary-dark: #555299; --lms-heading: #26244b; --lms-tint: #d5d4ec; --lms-tint-soft: #f0f0f8; --lms-border: #a09dd0; --lms-shadow: #bcbade; --lms-accent: #8683c0; } body.skin-blue-yellow, body.skin-blue-yellow-light { --lms-primary: #017acf; --lms-primary-dark: #0165ab; --lms-heading: #0a2a44; --lms-tint: #bfe0f7; --lms-tint-soft: #eaf5fd; --lms-border: #66b4ea; --lms-shadow: #93ccf1; --lms-accent: #3e9fe0; }