css fixes and missing text in the footer

overwolf · Jul 15, 2024 · 41be7c9 · 41be7c9
1 parent 7c636f8
commit 41be7c9
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git a/src/components/footer/footer.jsx b/src/components/footer/footer.jsx
@@ -187,7 +187,7 @@ const Footer = (props) => {
       <div className="site-footer-social">
         <div className="site-footer-social-inner">
           <div className="copyright">
-            <span>Overwolf 2024</span>
+            <span>Ⓒ 2024 Overwolf. All rights reserved.</span>
           </div>
         </div>
       </div>

diff --git a/src/components/tooltip/tooltip.scss b/src/components/tooltip/tooltip.scss
@@ -1,8 +1,8 @@
 :root {
   --tool-tip-bg: var(--color-surface-quaternary);
   --tool-tip-txt: var(--color-neutral-128);
-  --tool-tip-icon-color: var(--color-icon-pure);
-  --tool-tip-icon-hover: var(--color-neutral-48);
+  --tool-tip-icon-color: var(--color-icon-secondary);
+  --tool-tip-icon-hover: var(--color-icon-pure);
 }
 
 .tool-tip-info-icon { 

diff --git a/src/css/overide.scss b/src/css/overide.scss
@@ -15,6 +15,7 @@ main .container {
 
       &.col--3 {
         border-left: 1px solid var(--color-border-tertiary);
+        margin-top: 16px;
       }
     }
   }
@@ -147,7 +148,12 @@ div[class^="tableOfContents"] {
         text-decoration: none;
       }
 
-      &.table-of-contents__link--active, &:hover {
+      &.table-of-contents__link--active {
+        color: var(--color-text-primary);
+        font-weight: var(--font-weight-medium);
+      }
+
+      &:hover {
         color: var(--color-text-primary);
       }
 
@@ -204,7 +210,8 @@ div[class^="tableOfContents"] {
         }
 
         svg {
-          top: 5px
+          top: 4px;
+          color: var(--color-icon-secondary);
         }
       }
 

diff --git a/src/css/style.scss b/src/css/style.scss
@@ -160,7 +160,6 @@
 	--color-text-info: var(--color-functional-info-light);
 
 	// Icon colors
-	--color-icon-secondary: var(--color-neutral-80);
 	--color-icon-primary: var(--color-neutral-112);
 	--color-icon-cta-ow-surface: var(--color-neutral-128);
 	--color-icon-brand-ow: var(--color-brand-ow);
@@ -257,6 +256,7 @@ html[data-theme="light"] {
 	--color-border-tertiary: #CFCFCF;
 	--color-border-primary: #202020;
 	--color-icon-pure: #000000;
+	--color-icon-secondary: #606060;
 }
 
 html[data-theme="dark"] {
@@ -269,6 +269,7 @@ html[data-theme="dark"] {
 	--color-border-tertiary: var(--color-neutral-24);
 	--color-border-primary: var(--color-neutral-112);
 	--color-icon-pure: var(--color-neutral-128);
+	--color-icon-secondary: var(--color-neutral-80);
 }
 
 *,