kidshift/kidshift-web
3
0
Fork 0
mirror of https://github.com/r-ca/kidshift-web.git synced 2024-10-25 16:34:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

色リファクタ WIP

Browse Source
This commit is contained in:
rca 2024-07-22 02:34:33 +09:00
parent 978fb95ec8
commit 42dc393cfc
1 changed files with 52 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
src/css/quasar.variables.scss
View File

@ -12,14 +12,57 @@
// to match your app's branding.
// Tip: Use the "Theme Builder" on Quasar's documentation website.
$primary : #1976D2;
$secondary : #26A69A;
$accent : #9C27B0;
// $primary : #1976D2;
// $secondary : #26A69A;
// $accent : #9C27B0;
//
// $dark : #1D1D1D;
// $dark-page : #121212;
//
// $positive : #21BA45;
// $negative : #C10015;
// $info : #31CCEC;
// $warning : #F2C037;
//
$dark : #1D1D1D;
$dark-page : #121212;
$color-light-gray: #FBFAFA;
$color-muted-green: #7D9486;
$color-gray-olive: #AEAB9A;
$color-muted-purple: #A08199;
$color-muted-olive: #6C7659;
$positive : #21BA45;
$negative : #C10015;
$info : #31CCEC;
$warning : #F2C037;
$primary-color: $color-gray-olive;
$info-color: $color-muted-olive;
$success-color: #69ae66;
$warning-color: #e79e2e;
$danger-color: #f44336;
// Example usage in SCSS
body {
background-color: $color-light-gray;
}
.button-primary {
background-color: $primary-color;
color: $color-light-gray;
}
.button-info {
background-color: $info-color;
color: $color-light-gray;
}
.button-success {
background-color: $success-color;
color: $color-light-gray;
}
.button-warning {
background-color: $warning-color;
color: $color-light-gray;
}
.button-danger {
background-color: $danger-color;
color: $color-light-gray;
}