From 1b2099b35fe2cd48d86615b86f7332827b48a58c Mon Sep 17 00:00:00 2001
From: LIghtJUNction <lightjunction.me@gmail.com>
Date: Fri, 27 Mar 2026 19:08:05 +0800
Subject: [PATCH 1/2] =?UTF-8?q?chore(dashboard):=20=E5=B0=86=20Sass=20@imp?=
 =?UTF-8?q?ort=20=E8=BF=81=E7=A7=BB=E5=88=B0=20@use?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Dart Sass 3.0.0 将移除 @import，迁移到 @use 以消除弃用警告
---
 dashboard/src/scss/components/_VButtons.scss |  2 ++
 dashboard/src/scss/components/_VCard.scss    |  2 ++
 dashboard/src/scss/components/_VField.scss   |  2 ++
 dashboard/src/scss/components/_VShadow.scss  |  2 ++
 dashboard/src/scss/components/_VTabs.scss    |  2 ++
 dashboard/src/scss/layout/_container.scss    |  2 ++
 dashboard/src/scss/layout/_sidebar.scss      |  2 ++
 dashboard/src/scss/style.scss                | 31 ++++++++++----------
 8 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/dashboard/src/scss/components/_VButtons.scss b/dashboard/src/scss/components/_VButtons.scss
index a7d095e95b..fce0668f86 100644
--- a/dashboard/src/scss/components/_VButtons.scss
+++ b/dashboard/src/scss/components/_VButtons.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 //
 // Light Buttons
 //
diff --git a/dashboard/src/scss/components/_VCard.scss b/dashboard/src/scss/components/_VCard.scss
index 10dcaaf86a..abdd4dd5f3 100644
--- a/dashboard/src/scss/components/_VCard.scss
+++ b/dashboard/src/scss/components/_VCard.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 // Outline Card
 .v-card--variant-outlined {
   border-color: rgba(var(--v-theme-borderLight), 0.36);
diff --git a/dashboard/src/scss/components/_VField.scss b/dashboard/src/scss/components/_VField.scss
index 97352acf5f..2798d0b440 100644
--- a/dashboard/src/scss/components/_VField.scss
+++ b/dashboard/src/scss/components/_VField.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr,
 .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
   border-radius: $border-radius-root 0 0 $border-radius-root;
diff --git a/dashboard/src/scss/components/_VShadow.scss b/dashboard/src/scss/components/_VShadow.scss
index aebe0e8e42..3a42f44599 100644
--- a/dashboard/src/scss/components/_VShadow.scss
+++ b/dashboard/src/scss/components/_VShadow.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .elevation-10 {
   box-shadow: $box-shadow !important;
 }
diff --git a/dashboard/src/scss/components/_VTabs.scss b/dashboard/src/scss/components/_VTabs.scss
index afb08fd463..6112051b81 100644
--- a/dashboard/src/scss/components/_VTabs.scss
+++ b/dashboard/src/scss/components/_VTabs.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .theme-tab {
   &.v-tabs {
     .v-tab {
diff --git a/dashboard/src/scss/layout/_container.scss b/dashboard/src/scss/layout/_container.scss
index f1ca9294ff..8f095211af 100644
--- a/dashboard/src/scss/layout/_container.scss
+++ b/dashboard/src/scss/layout/_container.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 html {
   overflow-y: auto;
 }
diff --git a/dashboard/src/scss/layout/_sidebar.scss b/dashboard/src/scss/layout/_sidebar.scss
index 52f9e404a3..58472befd1 100644
--- a/dashboard/src/scss/layout/_sidebar.scss
+++ b/dashboard/src/scss/layout/_sidebar.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 /*This is for the logo*/
 .leftSidebar {
   border: 0px;
diff --git a/dashboard/src/scss/style.scss b/dashboard/src/scss/style.scss
index 6e02010ba8..2118e18ee1 100644
--- a/dashboard/src/scss/style.scss
+++ b/dashboard/src/scss/style.scss
@@ -1,21 +1,20 @@
-@import './variables';
-@import 'vuetify/styles/main.sass';
-@import './override';
-@import './layout/container';
-@import './layout/sidebar';
+@use './variables';
+@use 'vuetify/styles/main.sass';
+@use './override';
+@use './layout/container';
+@use './layout/sidebar';
 
-@import './components/VButtons';
-@import './components/VCard';
-@import './components/VField';
-@import './components/VInput';
-@import './components/VNavigationDrawer';
-@import './components/VShadow';
-@import './components/VTextField';
-@import './components/VTabs';
-@import './components/VScrollbar';
-@import './components/CodeBlockDark';
+@use './components/VButtons';
+@use './components/VCard';
+@use './components/VField';
+@use './components/VInput';
+@use './components/VNavigationDrawer';
+@use './components/VShadow';
+@use './components/VTextField';
+@use './components/VTabs';
+@use './components/VScrollbar';
 
-@import './pages/dashboards';
+@use './pages/dashboards';
 
 html, body {
   overscroll-behavior-y: none;

From a7033de10e800f4a76088ab8340bcb398a2217b7 Mon Sep 17 00:00:00 2001
From: Kangyang Ji <kyangconn@outlook.com>
Date: Mon, 13 Apr 2026 20:31:38 +0100
Subject: [PATCH 2/2] add new import into style.scss

---
 dashboard/src/scss/style.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/dashboard/src/scss/style.scss b/dashboard/src/scss/style.scss
index 2118e18ee1..f77e38f323 100644
--- a/dashboard/src/scss/style.scss
+++ b/dashboard/src/scss/style.scss
@@ -13,6 +13,7 @@
 @use './components/VTextField';
 @use './components/VTabs';
 @use './components/VScrollbar';
+@use './components/CodeBlockDark';
 
 @use './pages/dashboards';