Add Border

src/features/colorScheme/components/ColorSchemeButton.vue

@@ -51,7 +51,7 @@ const colorSchemeIconMapper = {
 <style scoped>
 .color-scheme-button {
     background: none;
-    border: 1.5px solid var(--light-d-3);
+    border: 1.5px solid var(--dark-l-8);
     border-radius: 50%;
     width: 36px;
     height: 36px;

src/features/footer/components/Footer.vue

@@ -40,7 +40,8 @@ const copyrightPeriod =
     display: flex;
     justify-content: center;
     padding: var(--padding-y);
-    background-color: var(--light-d-1);
     margin-top: var(--padding-y);
+    background-color: var(--light-bg);
+    border-top: 1px solid var(--light-d-8);
 }
 </style>

src/styles/variables/colors.css

@@ -88,9 +88,9 @@ limitations under the License.
         --dark-l-2:             var(--white-d-2);
         --dark-l-1:             var(--white-d-1);
         --dark:                 var(--white);
-        
+
         --light:                var(--black);
-        --light-d-1:            var(--black-l-1);
+        --light-d-1:            oklch(0.10 0 0);
         --light-d-2:            var(--black-l-2);
         --light-d-3:            var(--black-l-3);
         --light-d-4:            var(--black-l-4);
@@ -98,9 +98,9 @@ limitations under the License.
         --light-d-6:            var(--black-l-6);
         --light-d-7:            var(--black-l-7);
         --light-d-8:            var(--black-l-8);
-        
+
         --dark-bg:              var(--white);
-        --light-bg:             var(--black);
+        --light-bg:             oklch(0.18 0 0);
     }
 }
 
@@ -114,9 +114,9 @@ limitations under the License.
     --dark-l-2:             var(--white-d-2);
     --dark-l-1:             var(--white-d-1);
     --dark:                 var(--white);
-    
+
     --light:                var(--black);
-    --light-d-1:            var(--black-l-1);
+    --light-d-1:            oklch(0.10 0 0);
     --light-d-2:            var(--black-l-2);
     --light-d-3:            var(--black-l-3);
     --light-d-4:            var(--black-l-4);
@@ -124,7 +124,7 @@ limitations under the License.
     --light-d-6:            var(--black-l-6);
     --light-d-7:            var(--black-l-7);
     --light-d-8:            var(--black-l-8);
-    
+
     --dark-bg:              var(--white);
-    --light-bg:             var(--black);
+    --light-bg:             oklch(0.18 0 0);
 }