refactor: replace hardcoded color values with SCSS variables for consistency

doc/changelog.d/697.miscellaneous.md

@@ -0,0 +1 @@
+replace hardcoded color values with SCSS variables for consistency

src/ansys_sphinx_theme/assets/styles/_variables.scss

@@ -6,6 +6,71 @@ $sidebar-primary-width: 75%;
 $sidebar-primary-max-width: 350px;
 
 
+// Color variables
+$alice-blue: #e9f4fe;
+$almost-black: #141414;
+$black: #000000;
+$blue-2: #1e6ddc;
+$blue: #1a78c2;
+$booger: #8fb842;
+$burnt-siena: #b35000;
+$charcoal-grey: #3d3d3d;
+$charcoal: #2d2d2d;
+$corn-flower-blue-2: #579ce5;
+$corn-flower-blue: #4dabf5;
+$dark-2: #282828;
+$dark-3: #292929;
+$dark-green: #006600;
+$dark-grey-2: #b3b3b3;
+$dark-grey-3: #373737;
+$dark-grey: #353535;
+$dark-orchid: #9a33cb;
+$dark: #1a1a1a;
+$dim-gray-2: #686666;
+$dim-gray: #686868;
+$fire-brick-2: #b12422;
+$fire-brick: #b72e2a;
+$forest: #095d0a;
+$gainsboro: #e5e5e5;
+$golden-rod-2: #d6ab1e;
+$golden-rod: #caad2a;
+$green: #008000;
+$grey-2: #91969b;
+$grey: #8e8e8e;
+$light-forest-green: #488757;
+$light-gray-2: #d3d3d3;
+$light-gray-3: #c9d1d9;
+$light-gray: #d5d5d5;
+$light-grey-lighten: #d9d9d9;
+$light-grey: #d8d8d8;
+$medium-green: #28a745;
+$mid-blue: #1856af;
+$nice-blue: #0965c8;
+$old-lace: #fafae2;
+$olive: #bba12e;
+$orchid: #c58ac5;
+$pale-grey: #fdfdfd;
+$purple: #7f29a2;
+$sand-brown: #d79a60;
+$silver: #c0c0c0;
+$soft-purple: #a96ba9;
+$sun-yellow: #fdd835;
+$tomato: #e53935;
+$tree-green: #147914;
+$twilight-blue: #104188;
+$white-smoke-2: #ececec;
+$white-smoke-3: #f2f2f2;
+$white-smoke-4: #f2f4f6;
+$white-smoke: #f7f7f7;
+$white: #ffffff;
+
+// Shadow variables
+$shadow-black-008: rgba(0, 0, 0, 0.08);
+$shadow-black-012: rgba(0, 0, 0, 0.12);
+$shadow-black-040: rgba(0, 0, 0, 0.40);
+$shadow-black-048: rgba(0, 0, 0, 0.48);
+
+
 // Breakpoint variables
 $bs-breakpoint-xxl: 1600px;
 $bs-breakpoint-xl: 1200px;