Consolidate theme toggle styles and update repository references

- Extract duplicated theme-toggle styles into shared mixin (theme-toggle-styles)
- Remove duplicate CSS across privacy.scss, admin.scss, index.scss, and main.scss
- Apply mixin consistently to .theme-toggle, .theme-toggle-admin classes
- Update git repository references from GitHub to git.deco.sh
- Update README.md, privacy.html, and deploy script URLs
- Build optimized CSS with consolidated styles

README.md

@@ -21,7 +21,7 @@ A community-driven web application for tracking winter road conditions and icy h
 
 1. **Clone the repository:**
    ```bash
-   git clone git@github.com:deco/ice.git
+   git clone git@git.deco.sh:deco/ice.git
    cd ice
    ```
 
@@ -89,7 +89,7 @@ PORT=3000
 
 2. **Deploy your application:**
    ```bash
-   git clone git@github.com:deco/ice.git /opt/ice
+   git clone git@git.deco.sh:deco/ice.git /opt/ice
    cd /opt/ice
    npm install  # This automatically builds CSS via postinstall
    ```
@@ -149,7 +149,7 @@ MIT License - see LICENSE file for details
 ## Support
 
 This is a community safety tool. For issues or questions:
-- Create a GitHub issue
+- Create an issue on our git repository
 - Check existing documentation
 - Review security guidelines
 

public/privacy.html

@@ -92,7 +92,7 @@
                 <h2>Contact Information</h2>
                 <p>Questions about this privacy policy or your data?</p>
                 <ul>
-                    <li>Create an issue on our <a href="https://github.com/deco/great-lakes-ice-report" target="_blank">GitHub repository</a></li>
+                    <li>Create an issue on our <a href="https://git.deco.sh/deco/ice" target="_blank">git repository</a></li>
                     <li>Review our <a href="https://www.aclu.org/know-your-rights/immigrants-rights" target="_blank">recommended rights resources</a></li>
                     <li>This is a community tool - please use responsibly</li>
                 </ul>

scripts/deploy.sh

@@ -104,7 +104,7 @@ echo ""
 echo "🚀 Next steps to deploy Great Lakes Ice Report:"
 echo ""
 echo "1. Clone your repository:"
-echo "   git clone git@github.com:deco/great-lakes-ice-report.git /opt/great-lakes-ice-report"
+echo "   git clone git@git.deco.sh:deco/ice.git /opt/great-lakes-ice-report"
 echo ""
 echo "2. Set up the application:"
 echo "   cd /opt/great-lakes-ice-report"

src/scss/main.scss

@@ -135,17 +135,7 @@ button {
 
 // Theme toggle styles (common across pages)
 .theme-toggle {
-  @include button($bg-color: transparent);
+  @include theme-toggle-styles;
-  border: 2px solid var(--border-color);
-  border-radius: $border-radius-full;
-  width: 40px;
-  height: 40px;
-  @include flex-center;
-  
-  &:hover {
-    background-color: var(--table-hover);
-    transform: none;
-  }
 }
 
 // Utility classes

src/scss/mixins.scss

@@ -122,6 +122,21 @@
   color: $text-color;
 }
 
+// Theme Toggle Mixin (consolidates duplicated theme toggle styles)
+@mixin theme-toggle-styles {
+  @include button($bg-color: transparent);
+  border: 2px solid var(--border-color);
+  border-radius: $border-radius-full;
+  width: 40px;
+  height: 40px;
+  @include flex-center;
+  
+  &:hover {
+    background-color: var(--table-hover);
+    transform: none;
+  }
+}
+
 // Back-link button mixin (shared component)
 @mixin back-link-styles {
   display: inline-block;

src/scss/pages/_admin.scss

@@ -58,13 +58,9 @@
 }
 
 .theme-toggle-admin {
+  @include theme-toggle-styles;
   background: var(--card-bg) !important;
   color: var(--text-color) !important;
-  border: 2px solid var(--border-color) !important;
-  width: 40px;
-  height: 40px;
-  border-radius: $border-radius-full !important;
-  @include flex-center;
   padding: 0 !important;
 }
 

src/scss/pages/_index.scss

@@ -58,7 +58,8 @@
     }
   }
   
-  .theme-toggle {
+.theme-toggle {
+    @include theme-toggle-styles;
     align-self: center;
   }
 }

src/scss/pages/_privacy.scss

@@ -23,19 +23,16 @@
   }
   
   &__theme-toggle {
+    @include theme-toggle-styles;
     position: absolute;
     top: 0;
     right: 0;
-    background: var(--card-bg);
-    border: 2px solid var(--border-color);
-    border-radius: 50%;
     width: 50px;
     height: 50px;
-    @include flex-center;
+    box-shadow: 0 2px 4px var(--shadow);
     cursor: pointer;
     transition: all 0.3s ease;
-    box-shadow: 0 2px 4px var(--shadow);
+
-    
     .theme-icon {
       font-size: $font-size-lg;
     }