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

replace

Browse Source
This commit is contained in:
rca 2024-07-22 02:48:06 +09:00
parent 526803ea1c
commit 20ec49b8fd
1 changed files with 10 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,52 +25,16 @@
// $warning : #F2C037;
//
$color-light-gray: #FBFAFA;
$color-muted-green: #7D9486;
$color-gray-olive: #AEAB9A;
$color-muted-purple: #A08199;
$color-muted-olive: #6C7659;
// src/css/quasar.variables.scss
$primary-color: $color-gray-olive;
$info-color: $color-muted-olive;
$success-color: #69ae66;
$warning-color: #e79e2e;
$danger-color: #f44336;
$primary : #7d9486;
$secondary : #aeab9a;
$accent : #a08199;
// Text colors
$text-color: #343a40;
$text-color-light: #6c757d;
$text-color-lighter: #adb5bd;
$text-color-lightest: #ced4da;
$dark : #1d1d1d;
$dark-page : #121212;
$primary: $primary-color; // これはこの名前だと勝手に適応されるので
// 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;
}
$positive : #69ae66;
$negative : #f44336;
$info : #6c7659;
$warning : #e79e2e;