Merge pull request #74 from VamshiReddy02/docs-headers

itowlson · web-flow · commit 61aaec64783b · 2025-04-02T17:58:26.000+13:00
Fixing the Header css in dark mode
diff --git a/static/css/styles.css b/static/css/styles.css
diff --git a/static/sass/developer-color-dark.scss b/static/sass/developer-color-dark.scss
@@ -33,6 +33,13 @@ html.dark-theme {
             background: $oxforddark !important;
 
             .logo-wrap {
+                .logo {
+                    color: white;
+                } 
+                &:hover .logo {
+                    color: $lavenderfloral;
+                }
+
                 .logo-developer a {
                     color: $greenfoam !important;
                 }
@@ -84,6 +91,12 @@ html.dark-theme {
                         }
                     } 
                 }
+                
+                a.navbar-stack {
+                    strong {
+                        color: white;
+                    }
+                }
 
                 .button {
                     color: white !important;
diff --git a/static/sass/developer-include-topbar.scss b/static/sass/developer-include-topbar.scss
@@ -17,6 +17,7 @@
 
         .logo {
             margin-top: -4px !important;
+            padding: 0.3rem 1.125rem;
 
             svg {
                 height: 30% !important;
diff --git a/templates/content_navbar.hbs b/templates/content_navbar.hbs
@@ -1,6 +1,6 @@
 <header class="navbar is-transparent is-wide" id="topbar">
     <div class="navbar-brand logo-wrap">
-        <a class="navbar-item" href="/" title="Spin Home">
+        <a class="logo" href="/" title="Spin Home">
             Spin
         </a>
         <div class="mobile-search-container">

Original file line number	Diff line number	Diff line change
`@@ -33,6 +33,13 @@ html.dark-theme {`
`33`	`33`	`background: $oxforddark !important;`
`34`	`34`
`35`	`35`	`.logo-wrap {`
	`36`	`+ .logo {`
	`37`	`+ color: white;`
	`38`	`+ }`
	`39`	`+ &:hover .logo {`
	`40`	`+ color: $lavenderfloral;`
	`41`	`+ }`
	`42`	`+`
`36`	`43`	`.logo-developer a {`
`37`	`44`	`color: $greenfoam !important;`
`38`	`45`	`}`
`@@ -84,6 +91,12 @@ html.dark-theme {`
`84`	`91`	`}`
`85`	`92`	`}`
`86`	`93`	`}`
	`94`	`+`
	`95`	`+ a.navbar-stack {`
	`96`	`+ strong {`
	`97`	`+ color: white;`
	`98`	`+ }`
	`99`	`+ }`
`87`	`100`
`88`	`101`	`.button {`
`89`	`102`	`color: white !important;`