package.json

@@ -13,7 +13,6 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "buefy": "^0.8.2",
-    "bulma-prefers-dark": "^0.1.0-beta.0",
     "core-js": "^2.6.5",
     "dexie": "^2.0.4",
     "eventemitter3": "^4.0.0",

src/assets/scss/_variables.scss

@@ -163,6 +163,10 @@ $size-medium: $size-5 !default;
 $size-large: $size-4 !default;
 
 // Input box styling
+
+$input-color: $white;
+$input-background-color: $black-ter;
+$input-border-color: $grey-darker;
 $input-focus-border-color: $turquoise;
 $input-hover-border-color: scale-color($turquoise, $lightness: -30%);
 

src/assets/scss/app.scss

@@ -4,7 +4,6 @@
 @import "~bulma/sass/utilities/derived-variables";
 @import "~bulma";
 @import "~buefy/src/scss/buefy";
-@import "dark";
 @import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700&display=swap');
 
 html {

src/assets/scss/dark.sass

@@ -1,6 +0,0 @@
-@charset "utf-8"
-@import "~bulma-prefers-dark/sass/utilities/_all"
-@import "~bulma-prefers-dark/sass/base/_all"
-@import "~bulma-prefers-dark/sass/elements/_all"
-@import "~bulma-prefers-dark/sass/components/_all"
-@import "~bulma-prefers-dark/sass/layout/_all"

src/components/DeckBuilder/DeckList.vue

@@ -45,10 +45,8 @@
 .cardbg {
   position: absolute;
   margin-top: 30%;
-  right: -20px;
+  max-width: 330px;
   left: -20px;
-  max-width: none;
-  width: 120%;
   filter: brightness(20%);
   z-index: 1;
 }

src/views/DeckBuilder.vue

@@ -57,11 +57,6 @@
     <section class="decklist">
       <header>
         <h1>{{ deckname }}</h1>
-        <nav class="buttons">
-          <b-button @click="exportToPonyhead" size="is-small deck-btn"
-            >Ponyhead</b-button
-          >
-        </nav>
       </header>
       <DeckList :cards="decklist" @removed="cardRemoved" />
     </section>
@@ -116,7 +111,6 @@
     h1 {
       font-size: 20pt;
       font-weight: 700;
-      margin-bottom: 5px;
     }
   }
 }
@@ -173,11 +167,6 @@
   width: 10px;
   height: 10px;
 }
-
-.deck-btn {
-  padding: 0 10px;
-  padding-bottom: 2px;
-}
 </style>
 
 <script lang="ts">

yarn.lock

@@ -2225,11 +2225,6 @@ builtin-status-codes@^3.0.0:
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
   integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
 
-bulma-prefers-dark@^0.1.0-beta.0:
-  version "0.1.0-beta.0"
-  resolved "https://registry.yarnpkg.com/bulma-prefers-dark/-/bulma-prefers-dark-0.1.0-beta.0.tgz#646350738ed00ac66d0f84ec6821a677aa1a66c5"
-  integrity sha512-EeDW8pQrkYEOXo2l3WykfghbUzi8jlQWGI+Cu2HwmXwQHMcoGF6yiKYCNShttN+8z3atq8fLWh3B7pqXUV4fBA==
-
 bulma@0.7.5:
   version "0.7.5"
   resolved "https://registry.yarnpkg.com/bulma/-/bulma-0.7.5.tgz#35066c37f82c088b68f94450be758fc00a967208"