Make toggle buttons more understated.

avinashbot · Apr 18, 2017 · 7cfa561 · 7cfa561
1 parent 5ffdc1f
commit 7cfa561
Showing 2 changed files with 44 additions and 5 deletions.
diff --git a/theme/sidebar.scss b/theme/sidebar.scss
@@ -30,7 +30,12 @@
   }
 
   .redditname {
+    font-weight: normal;
     margin-bottom: 0;
+
+    a {
+      color: darken($page-accent-color, 20%);
+    }
   }
 
   .sidebox.create {
@@ -44,4 +49,27 @@
   .titlebox {
     clear: both;
   }
+
+  .usertext-body {
+    padding-top: 5px;
+  }
+
+  .usertext-body a[href*="focus-button"] {
+    display: block;
+    margin-bottom: 10px;
+    text-align: center;
+    color: $page-accent-color;
+    border: 1px dashed $page-accent-color;
+    height: 30px;
+    line-height: 30px;
+    font-size: 12px;
+
+    &:hover {
+      border-style: solid;
+    }
+  }
+
+  .account-activity-box {
+    margin-bottom: 10px;
+  }
 }
diff --git a/theme/toggle-button.scss b/theme/toggle-button.scss
@@ -1,9 +1,20 @@
-.fancy-toggle-button .option, .res-fancy-toggle-button, span.multi-count {
+.fancy-toggle-button .option,
+.res-fancy-toggle-button,
+.res-fancy-toggle-button.active,
+span.multi-count,
+span.multi-count.active {
   border: none;
-  border-radius: 2px;
   padding: 3px 6px;
-}
+  line-height: normal;
 
-span.multi-count {
-  margin: 0;
+  background-image: none;
+  background-color: transparent;
+  color: #3D9970;
+  border-bottom: 1px dashed #3D9970;
+  &.remove {
+    background-image: none;
+    background-color: transparent;
+    color: #ff4136;
+    border-bottom: 1px dashed #ff4136;
+  }
 }