From d34fe5dadcd48b6f25983b2f90dfa89196a1888b Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 17 Jan 2021 19:52:05 +0100
Subject: [PATCH] Only use dark shadows for buttons

---
 src/styles/theme/form.scss | 35 +++--------------------------------
 1 file changed, 3 insertions(+), 32 deletions(-)

diff --git a/src/styles/theme/form.scss b/src/styles/theme/form.scss
index 6e624fd50..879971cd3 100644
--- a/src/styles/theme/form.scss
+++ b/src/styles/theme/form.scss
@@ -5,11 +5,11 @@
   font-size: 0.85rem;
   font-weight: bold;
   height: $button-height;
-  box-shadow: 0.3em 0.3em 1em lighten($dark, 75);
+  box-shadow: .2rem 0.2rem .5rem $grey-light;
 
   &.is-hovered,
   &:hover {
-    box-shadow: 0.6em 0.6em 1em lighten($dark, 75);
+    box-shadow: .1rem .1rem 1rem $grey-light;
   }
 
   &.fullheight {
@@ -22,36 +22,7 @@
   &:active,
   &:focus,
   &:focus:not(:active) {
-    box-shadow: 0.1em 0.1em 0.7em lighten($dark, 75) !important;
-  }
-
-  &.icon-only {
-    padding-left: 16px;
-  }
-
-  @each $name, $pair in $colors {
-    $color: nth($pair, 1);
-
-    &.is-#{$name} {
-      box-shadow: 0.3em 0.3em 1em lighten($color, 30);
-
-      &.is-hovered,
-      &:hover {
-        box-shadow: 0.6em 0.6em 1em lighten($color, 30);
-      }
-
-      &.is-active,
-      &.is-focused,
-      &:active,
-      &:focus,
-      &:focus:not(:active) {
-        box-shadow: 0.1em 0.1em 0.7em lighten($color, 30) !important;
-      }
-
-      &.is-outlined {
-        border: 2px solid $color;
-      }
-    }
+    box-shadow: .1rem .1rem .75rem $grey-lighter !important;
   }
 
   &.is-primary.is-outlined:hover {