diff --git a/src/assets/css/style.scss b/src/assets/css/style.scss
index 0b8debc3..257f04d0 100644
--- a/src/assets/css/style.scss
+++ b/src/assets/css/style.scss
@@ -17,8 +17,8 @@ html[data-theme='dark'] {
}
$anim-time: 0.3s;
-* {
- transition: background-color $anim-time, color $anim-time;
+div {
+ transition: background $anim-time, color $anim-time;
}
html, body {
@@ -38,12 +38,12 @@ html, body {
height: 100%;
}
-
a {
- //color: white;
+ color: $main;
text-decoration: none;
}
+
::-webkit-scrollbar {
width: 8rem;
height: 10rem;
diff --git a/src/components/IconWrapper.vue b/src/components/IconWrapper.vue
new file mode 100644
index 00000000..5982bd40
--- /dev/null
+++ b/src/components/IconWrapper.vue
@@ -0,0 +1,41 @@
+
+
+
\ No newline at end of file
diff --git a/src/components/Toolbar/Toolbar.vue b/src/components/Toolbar/Toolbar.vue
index 3af9f0b3..9fe0eb2b 100644
--- a/src/components/Toolbar/Toolbar.vue
+++ b/src/components/Toolbar/Toolbar.vue
@@ -17,6 +17,11 @@ import useThemeColor from "@/hooks/useThemeColor.ts"
import {useBaseStore} from "@/stores/base.ts"
import SettingModal from "@/components/Toolbar/SettingModal.vue"
import FeedbackModal from "@/components/Toolbar/FeedbackModal.vue"
+import IconWrapper from "@/components/IconWrapper.vue";
+import IconCog6Tooth from '~icons/heroicons/cog-6-tooth-solid'
+
+import IconLanguage from '~icons/tabler/language'
+import IconLanguageOff from '~icons/tabler/language-off'
const {appearance, toggle} = useThemeColor()
const store = useBaseStore()
@@ -35,21 +40,38 @@ const showSettingModal = $ref(false)
@click="toggle"/>