From 42dc393cfc2cc40858baac01c19a848536391e6b Mon Sep 17 00:00:00 2001
From: rca <nem@nem.x0.to>
Date: Mon, 22 Jul 2024 02:34:33 +0900
Subject: [PATCH] =?UTF-8?q?=E8=89=B2=E3=83=AA=E3=83=95=E3=82=A1=E3=82=AF?=
 =?UTF-8?q?=E3=82=BF=20WIP?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/css/quasar.variables.scss | 61 +++++++++++++++++++++++++++++------
 1 file changed, 52 insertions(+), 9 deletions(-)

diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 3996ce1..42d86d2 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -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;
+}