From f5ebbfb346ea96dacf9a0af765152033cb37ae8e Mon Sep 17 00:00:00 2001 From: Daniel Supernault Date: Sun, 10 Feb 2019 21:24:18 -0700 Subject: [PATCH] Add dark sass --- resources/assets/sass/appdark.scss | 48 ++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 resources/assets/sass/appdark.scss diff --git a/resources/assets/sass/appdark.scss b/resources/assets/sass/appdark.scss new file mode 100644 index 00000000..d35c7766 --- /dev/null +++ b/resources/assets/sass/appdark.scss @@ -0,0 +1,48 @@ + +// Fonts +@import "fonts"; +@import "lib/fontawesome"; + +// Variables +@import "dark"; + +// Bootstrap +@import '~bootstrap/scss/bootstrap'; + +@import "custom"; + +.text-dark { + color: #ADAFAE !important; +} + +.bg-white { + background: #282828 !important; +} +.navbar-laravel { + background: #282828 !important; +} + +.far, .fas, +.navbar-laravel .navbar-brand span, +.navbar-laravel .nav-link .d-md-block, +.navbar-laravel .nav-link.dropdown-toggle .far, +.navbar-laravel .nav-link.dropdown-toggle::after { + color: #ADAFAE !important; +} + +.form-control.search-form-input { + background: #060606 !important; + color: #888 !important; +} + +@import "components/filters"; + +@import "components/typeahead"; + +@import "components/notifications"; + +@import '~bootstrap-vue/dist/bootstrap-vue.css'; + +@import '~plyr/dist/plyr.css'; + +@import '~vue-loading-overlay/dist/vue-loading.css';