jean/airsonic-refix
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

style fixes

Browse Source
This commit is contained in:
Thomas Amland 2020-08-02 15:32:47 +02:00
parent 2836e934fb
commit 154cb3ee8d
3 changed files with 48 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/shared/components/Tile.vue
View File

@ -24,7 +24,7 @@
.tile-img {
position: relative;
width: 100%;
background-color: var(--secondary);
background-color: #6c757d;
img {
position: absolute;

53
src/style/main.scss
View File

@ -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';

33
src/style/theme.scss
View File

@ -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;
}