Lightmode colors refinement

Author: jdudrak

scaladoc/resources/dotty_res/styles/scalastyle.css

@@ -41,7 +41,7 @@ input {
     height: calc(100% - (8 * var(--base-spacing)) - (6 * var(--base-spacing)));
     left: 0px;
     top: calc(8 * var(--base-spacing));
-    background: var(--background-default);
+    background: var(--background-nav);
     border: 1px solid var(--border-default);
     border-top: none;
     border-left: none;

scaladoc/resources/dotty_res/styles/theme/color-tokens.css

@@ -21,19 +21,24 @@
   --background-subtle: var(--grey2);
   --background-neutral: var(--grey3);
 
+  /* layout backgrounds */
+  --background-header: var(--background-default);
+  --background-nav: var(--background-default);
+  --background-main: var(--background-default);
+
   /* action */
   --action-primary-content-default: var(--grey11);
   --action-primary-content-hover: var(--grey12);
   --action-primary-content-active: var(--grey12);
   --action-primary-content-selected: var(--grey12);
 
   --action-primary-background-default-ghost: transparent;
-  --action-primary-background-default-solid: var(--grey3);
-  --action-primary-background-hover: var(--grey4);
-  --action-primary-background-active: var(--grey4);
-  --action-primary-background-selected: var(--grey5);
+  --action-primary-background-default-solid: var(--grey2);
+  --action-primary-background-hover: var(--grey3);
+  --action-primary-background-active: var(--grey3);
+  --action-primary-background-selected: var(--grey4);
 
-  --action-primary-border-default: var(--grey5);
+  --action-primary-border-default: var(--grey4);
 
   /* semantic */
   --semantic-content-grey: var(--grey11);
@@ -125,6 +130,11 @@
   --background-subtle: var(--grey2);
   --background-neutral: var(--grey3);
 
+  /* layout backgrounds */
+  --background-header: var(--background-neutral);
+  --background-nav: var(--background-default);
+  --background-main: var(--background-subtle);
+
   /* action */
   --action-primary-content-default: var(--grey11);
   --action-primary-content-hover: var(--grey12);
@@ -204,4 +214,4 @@
   --switch-button: var(--grey12);
   --switch-background-default: var(--grey9);
   --switch-background-selected: var(--indigo11);
-}
+}

scaladoc/resources/dotty_res/styles/theme/components/api-filters.css

@@ -9,7 +9,7 @@
   padding-left: 28px;
   margin-bottom: calc(3 * var(--base-spacing));
   margin-left: -28px;
-  background-color: var(--background-subtle);
+  background-color: var(--background-main);
 }
 
 .filtersContainer {
@@ -19,7 +19,7 @@
 }
 
 .filterableInput {
-  background-color: var(--background-subtle);
+  background-color: var(--background-main);
   color: var(--action-primary-content-active);
   background-image: url("../../../images/icon-buttons/search/dark/default.svg");
   background-repeat: no-repeat;

scaladoc/resources/dotty_res/styles/theme/components/code-snippet.css

@@ -105,12 +105,11 @@ dd .snippet {
 }
 
 .snippet:hover {
-  background-color: var(--action-primary-background-hover);
   border: 1px solid var(--border-default);
 }
 
 .snippet:hover::-webkit-scrollbar-thumb {
-  border: 3px solid var(--action-primary-background-hover);
+  border: 3px solid var(--action-primary-background-default-solid);
 }
 
 .snippet .copy-button {
@@ -279,7 +278,7 @@ dd .snippet {
 
 .snippet::-webkit-scrollbar-thumb:hover {
   background-color: var(--code-syntax-highlighting-scrollbar-hover);
-   border: 3px solid var(--action-primary-background-hover);;
+   border: 3px solid var(--action-primary-background-default-solid);;
 }
 
 .snippet::-webkit-scrollbar {

scaladoc/resources/dotty_res/styles/theme/layout/container.css

@@ -1,7 +1,7 @@
 body {
   margin: 0;
   padding: 0;
-  background-color: var(--background-subtle);
+  background-color: var(--background-main);
   height: 100%;
   overflow: hidden;
 }

scaladoc/resources/dotty_res/styles/theme/layout/header.css

@@ -11,7 +11,7 @@
   left: 0px;
   right: 0px;
   top: 0px;
-  background: var(--background-neutral);
+  background: var(--background-header);
   border-bottom: 1px solid var(--border-default);
   z-index: 2;
 }