mirror of
https://github.com/r-ca/kidshift-web.git
synced 2024-10-25 16:34:01 +00:00
色リファクタ WIP
This commit is contained in:
parent
978fb95ec8
commit
42dc393cfc
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user