added more comments to scss theme files.

changed boolean text in light theme to more accessible colours. changed colours of toc.
dfe-analytical-services · Dec 9, 2024 · 6db0f24 · 6db0f24
1 parent 4895d69
commit 6db0f24
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 28 deletions.
diff --git a/_styles.scss b/_styles.scss
@@ -1,9 +1,7 @@
 // _styles.scss
 
-/*-- scss:rules --*/
 
-
-// Variables
+// Import roboto font
 
 $web-font-path: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" !default;
 @if $web-font-path {
@@ -24,3 +22,5 @@ h1, h2, h3, h4, h5, h6 {
   margin-top: $line-break-margin;
   margin-bottom: $line-break-margin;
 }
+
+
diff --git a/printing-light.theme b/printing-light.theme
@@ -10,7 +10,7 @@
             "strike-through" : false
         },
         "Keyword" : {
-            "text-color" : "#D35400", 
+            "text-color" : "#8F3900", 
             "selected-text-color" : "#ffffff",
             "bold" : true
         },
@@ -53,7 +53,7 @@
             "selected-text-color" : "#ffffff"
         },
         "SpecialChar" : {
-            "text-color" : "#B43F00",
+            "text-color" : "#993500",
             "selected-text-color" : "#ffffff"
         },
         "String" : {
@@ -65,7 +65,7 @@
             "selected-text-color" : "#ffffff"
         },
         "SpecialString" : {
-            "text-color" : "#B43F00",
+            "text-color" : "#993500",
             "selected-text-color" : "#ffffff"
         },
         "Import" : {
@@ -89,7 +89,7 @@
             "selected-text-color" : "#ffffff"
         },
         "Constant" : {
-            "text-color" : "#D35400",
+            "text-color" : "#8F3900",
             "selected-text-color" : "#ffffff"
         },
         "Comment" : {

diff --git a/theme-dark.scss b/theme-dark.scss
@@ -10,38 +10,39 @@ $sidebar-fg: #31a3d8;
 // customise link colours 
 
 a {
-  color: #46ADDD !important; // Default link color
-
-  &:visited {
+  color: #31a3d8 !important; // Default link color
+  
+   &:visited {
     color: #F269EE !important; // Color for visited links
   }
-
+  
   &:hover {
     color: #57B215 !important; // Color when hovering over the link
   }
+
 }
 
 
 // Change the background color for breadcrumbs
 .breadcrumb {
   a {
-    color: #C4D6CE !important; // Replace with your desired breadcrumb link and list item color
+    color: #C4D6CE !important; // breadcrumb link item color
   }
 
   li{
-    color: #ffffff !important ;
+    color: #ffffff !important ; // breadcrumb list item color
   }
 }
 
 .nav-page {
     a {
-    color: #C4D6CE  !important; // Replace with your desired breadcrumb link color
+    color: #C4D6CE  !important; // bottom navigation link color
   }
 }
 
 
 /* Background color for inline code */
-$code-bg:#222222; 
+$code-bg:#555555; 
 /* Font color for inline code */
 $code-color: #ffffff;  
-/* Background color for code blocks */
+
diff --git a/theme-light.scss b/theme-light.scss
@@ -4,29 +4,23 @@
 @import 'styles';
 
 $sidebar-fg: #9c3815;
+$toc-color: #9c3815;
 
 // Customise link colours
 a {
   color: #9c3815 !important; 
-
-  &:visited {
-    color: #6F0B63 !important; 
-  }
-
-  &:hover {
-    color: #30600B !important; 
+
+   &:visited {
+    color: #790C6E !important; // Color for visited links
   }
 
-  &:active{
-     color: #9c3815 !important;
+  &:hover {
+    color: #274E09 !important; // Color when hovering over the link
   }
 
   }
 
-
-
 /* Background color for inline code */
 $code-bg: #E9ECEF; 
 /* Font color for inline code */
 $code-color: #333333;  
-/* Background color for code blocks */