simplified buttons

dpgmediamagazines · Jul 4, 2019 · 8c26ea3 · 8c26ea3
1 parent 8a3c784
commit 8c26ea3
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 34 deletions.
diff --git a/arctic/static/arctic/dist/assets/css/arctic.css b/arctic/static/arctic/dist/assets/css/arctic.css
diff --git a/arctic/static/arctic/src/assets/scss/partials/_dark-mode-switch.scss b/arctic/static/arctic/src/assets/scss/partials/_dark-mode-switch.scss
@@ -3,20 +3,7 @@
     margin-right: 16px;
 
     .btn {
-        &.btn-light {
-            &.active {
-                background-color: transparent;
-                border-color: transparent;
-            }
-
-            &.focus {
-                box-shadow: none;
-            }
-        }
         &:hover {
-            background-color: transparent;
-            border-color: transparent;
-
             .fa-sun-o {
                 opacity: 1;
             }
@@ -30,7 +17,7 @@
     &__icon {
         position: relative;
         &.fa-sun-o {
-            color: orangered;
+            color: darkorange;
         }
         &.fa-moon-o {
             color: darkblue;
@@ -42,23 +29,7 @@
 body.dark {
     .dark-mode-toggle {
         .btn {
-            &.btn-light {
-                background-color: transparent;
-                border-color: transparent;
-
-                &.active {
-                    background-color: transparent;
-                    border-color: transparent;
-                }
-
-                &.focus {
-                    box-shadow: none;
-                }
-            }
             &:hover {
-                background-color: transparent;
-                border-color: transparent;
-
                 .fa-sun-o {
                     opacity: 1;
                 }

diff --git a/arctic/templates/arctic/base.html b/arctic/templates/arctic/base.html
@@ -31,11 +31,11 @@ <h3 class="header__title">
                             {% if dark_mode %}
                             <div id="dark-mode-container" class="dark-mode-toggle hide">
                                 <div class="btn-group btn-group-toggle">
-                                  <label class="btn btn-light btn-sm" for="light-radio">
+                                  <label class="btn btn-sm" for="light-radio">
                                     <input type="radio" name="dark-option" id="light-radio" autocomplete="off">
                                     <i class="fa fa-sun-o dark-mode-toggle__icon" aria-hidden="true"></i>
                                   </label>
-                                  <label class="btn btn-light btn-sm" for="dark-radio">
+                                  <label class="btn btn-sm" for="dark-radio">
                                     <input type="radio" name="dark-option" id="dark-radio" autocomplete="off">
                                     <i class="fa fa-moon-o dark-mode-toggle__icon" aria-hidden="true"></i>
                                   </label>