Cosmetics updates

assets/styles/layout/_code.scss

@@ -356,7 +356,7 @@ pre[class*="language-"] {
 .layout-light {
     pre[class*="language-"] {    
         code {
-            background: #475569 !important;
+            background: var(--surface-700) !important;
         }
     }
 }

assets/styles/layout/_content.scss

@@ -10,7 +10,7 @@
 
 .layout-light {
     .card {
-        background: var(--surface-ground);
+        background: var(--surface-card);
         border: 1px solid var(--surface-border);
         padding: 2rem;
         border-radius: 10px;

assets/styles/layout/_core.scss

@@ -7,7 +7,7 @@ body {
     min-height: 100%;
     overflow-x: hidden;
     overflow-y: auto;
-    background-color: var(--surface-section);
+    background-color: var(--surface-ground);
     font-weight: normal;
     color: var(--text-color);
     -webkit-font-smoothing: antialiased;

assets/styles/layout/_doc.scss

@@ -175,6 +175,7 @@
             .px-link {
                 padding: 0.25rem 1rem 0.25rem 1rem;
                 color: var(--surface-800);
+                font-weight: 400;
                 white-space: nowrap;
                 min-width: 0;
                 overflow: hidden;

assets/styles/layout/_sidebar.scss

@@ -96,7 +96,7 @@
                             color: var(--surface-700);
                             border-left: 1px solid var(--surface-border);
                             transition: all .2s;
-                            font-weight: 400;
+                            font-weight: 450;
                             display: flex;
                             padding: .5rem .5rem .5rem 1rem;
                             color: var(--surface-700);

assets/styles/layout/landing/_dark.scss

@@ -1,6 +1,6 @@
 .layout-dark {
-    --home-highlight-color:#14B8A6;
+    --home-highlight-color:#10b981;
-    --home-highlight-darker-color:#0D9488;
+    --home-highlight-darker-color:#059669;
     --home-highlight-fore-color:#ffffff;
     --home-bg:#111827;
     --home-border-color:#424b57;

assets/styles/layout/landing/_light.scss

@@ -1,6 +1,6 @@
 .layout-light {
-    --home-highlight-color:#14B8A6;
+    --home-highlight-color:#10b981;
-    --home-highlight-darker-color:#0D9488;
+    --home-highlight-darker-color:#059669;
     --home-highlight-fore-color:#ffffff;
     --home-bg:#F9FAFB;
     --home-border-color:rgba(0,0,0,.1);

pages/landing/HeroSection.vue

@@ -133,9 +133,9 @@ export default {
                         label: 'Income',
                         data: [40, 59, 40, 50, 56, 40, 70],
                         fill: true,
-                        borderColor: '#14B8A6',
+                        borderColor: '#10b981',
                         tension: 0.4,
-                        backgroundColor: 'rgba(20, 184, 166, .2)'
+                        backgroundColor: 'rgba(16, 185, 129, .2)'
                     }
                 ]
             },