feat: set index hover color to blue, letter color to darker black, an…

…d inline code to light gray
aragon · Dec 4, 2024 · 0388871 · 0388871
1 parent 09e4a92
commit 0388871
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/ui/src/css/globals/_typography.scss b/ui/src/css/globals/_typography.scss
@@ -19,7 +19,7 @@
 
 /* Body Styles */
 body {
-  color: var(--guk-color-neutral-600);
+  color: var(--guk-color-neutral-900);
   font-family: var(--guk-font-family);
   font-size: var(--guk-font-size-base); /* 1rem */
   line-height: var(--guk-line-height-normal); /* 1.5 */
@@ -85,7 +85,7 @@ h6 {
 
 /* Inline Code */
 code {
-  background-color: var(--guk-color-neutral-100); /* #f5f7fa */
+  background-color: var(--guk-color-neutral-50); /* #f5f7fa */
   border-radius: var(--guk-border-rounded); /* 4px */
   font-family: var(--guk-font-family-monospace, monospace);
   font-size: 0.95em;

diff --git a/ui/src/css/toc.scss b/ui/src/css/toc.scss
@@ -1,5 +1,3 @@
-/* toc.scss */
-
 .toc-sidebar {
   font-size: 0.8em;
   opacity: 0.8;
@@ -26,7 +24,7 @@
   margin-bottom: 16px;
   padding: 0;
   font-family: var(--guk-font-family); /* Replaces var(--heading) */
-  color: var(--guk-color-neutral-900); /* Replaces var(--aluminum-5) */
+  color: var(--guk-color-neutral-400); /* Replaces var(--aluminum-5) */
   letter-spacing: 0.05em;
   font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */
   text-transform: uppercase;
@@ -39,13 +37,12 @@
   padding-right: var(--guk-space-3); /* 8px */
   overflow: hidden;
   text-overflow: ellipsis;
+  font-weight: var(--guk-font-weight-semibold);
   font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */
- /* font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-bold) */
   font-size: var(--guk-font-size-base); /* 1rem */
-  color: var(--guk-color-neutral-400); /* Replaces var(--aluminum-5) */
 
   &.subheading-item {
-    font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-normal) */
+    font-weight: var(--weight-normal); /* Replaces var(--weight-normal) */
    /* margin: 0.25rem 0 0; */
     margin-left: .7rem; 
   }
@@ -57,11 +54,10 @@
   padding-right: 8px;
 
   &:hover {
-    color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-2) */
+    color: var(--guk-color-primary-300); /* Replaces var(--core-violet-2) */
   }
 }
 
 .toc .toc-menu li a.toc-active {
-  color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-4) */
-  font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */
+  color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */
 }