diff --git a/src/shared/components/Tile.vue b/src/shared/components/Tile.vue index aaa4fa2..9b9212d 100644 --- a/src/shared/components/Tile.vue +++ b/src/shared/components/Tile.vue @@ -24,7 +24,7 @@ .tile-img { position: relative; width: 100%; - background-color: var(--secondary); + background-color: #6c757d; img { position: absolute; diff --git a/src/style/main.scss b/src/style/main.scss index 6b1b114..7c1be73 100644 --- a/src/style/main.scss +++ b/src/style/main.scss @@ -1,20 +1,61 @@ -$enable-rounded: false; -$enable-print-styles: false; +$theme-elevation-0: hsl(0, 0%, 0%); +$theme-elevation-1: hsl(0, 0%, 10%); +$theme-elevation-2: hsl(0, 0%, 20%); +$theme-text: #ccc; +$theme-text-muted: #999; + +$primary: #09f; +$danger: #ff4141; +$secondary: $theme-elevation-2; + +$body-bg: $theme-elevation-0; +$body-color: $theme-text; +$link-color: $theme-text; +$text-muted: $theme-text-muted; +$border-color: $theme-elevation-2; + +// Card +$card-bg: $theme-elevation-1; +$card-cap-bg: $theme-elevation-1; + +// Modal +$modal-content-bg: $theme-elevation-1; +$modal-content-border-color: $theme-elevation-2; + +// Dropdown +$dropdown-bg: $theme-elevation-1; +$dropdown-link-color: $theme-text; +$dropdown-link-hover-bg: $theme-elevation-1; +$dropdown-link-hover-color: $theme-text-muted; +$dropdown-border-color: $theme-elevation-2; +$dropdown-divider-bg: $theme-elevation-2; + +// Form +$input-bg: $theme-elevation-2; +$input-border-color: $theme-elevation-2; +$input-color: $theme-text; + +$progress-bg: rgb(35, 35, 35); + +.elevated { + background-color: $theme-elevation-1; +} + .breadcrumb { background: none !important; padding: 0 !important; } -@import './theme.scss'; - a.active { color: $primary; } -h1, h2, h3 { - // color: $primary; +h1, h2, h3, h4, h5 { color: #fff; } +$enable-print-styles: false; +$enable-responsive-font-sizes: true; + @import '~bootstrap'; @import '~bootstrap-vue'; diff --git a/src/style/theme.scss b/src/style/theme.scss deleted file mode 100644 index ebfe171..0000000 --- a/src/style/theme.scss +++ /dev/null @@ -1,33 +0,0 @@ -$theme-base: #000; -$theme-elevated: rgb(25, 25, 25); -$theme-text: #ccc; - -$primary: #09f; -$danger: #ff4141; - -$body-bg: $theme-base; -$body-color: $theme-text; -$link-color: $theme-text; -$text-muted: #999; - -// Card -$card-cap-bg: $theme-elevated; -$card-bg: $theme-elevated; - -$modal-content-bg: $theme-elevated; - -// Dropdown -$dropdown-bg: $theme-elevated; -$dropdown-link-color: $theme-text; -$dropdown-link-hover-bg: $theme-elevated; -$dropdown-link-hover-color: #a6a6a6; - -$input-bg: $theme-elevated; -$input-color: #ccc !default; - -$progress-bg: rgb(35, 35, 35); -$border-color: #444; - -.elevated { - background-color: $theme-elevated; -} \ No newline at end of file