mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-29 09:43:16 +00:00
Update dark sass
This commit is contained in:
parent
e67714eafc
commit
b9b7c8c695
2 changed files with 20 additions and 7 deletions
23
resources/assets/sass/appdark.scss
vendored
23
resources/assets/sass/appdark.scss
vendored
|
@ -19,13 +19,18 @@
|
||||||
background: #ADAFAE !important;
|
background: #ADAFAE !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-outline-light {
|
||||||
|
border-color: #E2E8F0 !important;
|
||||||
|
color: #E2E8F0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
.bg-white,
|
.bg-white,
|
||||||
.postPresenterContainer,
|
.postPresenterContainer,
|
||||||
.postComponent .card-body.flex-grow-0.py-1,
|
.postComponent .card-body.flex-grow-0.py-1,
|
||||||
.postComponent .reactions,
|
.postComponent .reactions,
|
||||||
.postComponent .status-comments,
|
.postComponent .status-comments,
|
||||||
.navbar-laravel {
|
.navbar-laravel {
|
||||||
background: #282828 !important;
|
background: #2D3748 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.postComponent .border-left {
|
.postComponent .border-left {
|
||||||
|
@ -38,8 +43,8 @@
|
||||||
|
|
||||||
input,
|
input,
|
||||||
textarea {
|
textarea {
|
||||||
color: #ccc !important;
|
color: #E2E8F0 !important;
|
||||||
background: #191919 !important;
|
background: #4A5568 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.far, .fas,
|
.far, .fas,
|
||||||
|
@ -51,8 +56,12 @@ textarea {
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control.search-form-input {
|
.form-control.search-form-input {
|
||||||
background: #060606 !important;
|
color: #E2E8F0 !important;
|
||||||
color: #888 !important;
|
background: #4A5568 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline-primary {
|
||||||
|
border-color: #4A5568 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@import "components/filters";
|
@import "components/filters";
|
||||||
|
@ -68,3 +77,7 @@ textarea {
|
||||||
@import '~vue-loading-overlay/dist/vue-loading.css';
|
@import '~vue-loading-overlay/dist/vue-loading.css';
|
||||||
|
|
||||||
@import "moment";
|
@import "moment";
|
||||||
|
|
||||||
|
.border {
|
||||||
|
border: 1px solid #4A5568 !important;
|
||||||
|
}
|
||||||
|
|
4
resources/assets/sass/dark.scss
vendored
4
resources/assets/sass/dark.scss
vendored
|
@ -12,7 +12,7 @@ $gray-300: #dee2e6 !default;
|
||||||
$gray-400: #ADAFAE !default;
|
$gray-400: #ADAFAE !default;
|
||||||
$gray-500: #888 !default;
|
$gray-500: #888 !default;
|
||||||
$gray-600: #555 !default;
|
$gray-600: #555 !default;
|
||||||
$gray-700: #282828 !default;
|
$gray-700: #2D3748 !default;
|
||||||
$gray-800: #222 !default;
|
$gray-800: #222 !default;
|
||||||
$gray-900: #212529 !default;
|
$gray-900: #212529 !default;
|
||||||
$black: #000 !default;
|
$black: #000 !default;
|
||||||
|
@ -42,7 +42,7 @@ $yiq-contrasted-threshold: 175 !default;
|
||||||
|
|
||||||
// Body
|
// Body
|
||||||
|
|
||||||
$body-bg: #060606 !default;
|
$body-bg: #1A202C !default;
|
||||||
$body-color: $gray-500 !default;
|
$body-color: $gray-500 !default;
|
||||||
|
|
||||||
// Fonts
|
// Fonts
|
||||||
|
|
Loading…
Reference in a new issue