remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

theme

Browse Source
This commit is contained in:
Julien Calixte
2025-07-13 17:18:54 +02:00
parent c07964844d
commit a0febe79a6
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en" data-theme="silk"> <html lang="en" data-theme="light">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />

2
src/components/ThemeSwap.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
const htmlElement = document.querySelector("html") const htmlElement = document.querySelector("html")
const lightMode = htmlElement?.dataset.theme const lightMode = htmlElement?.dataset.theme
const darkMode = "abyss" const darkMode = "business"
const isInitiallyDark = JSON.parse(localStorage.getItem("is-dark") ?? "false") const isInitiallyDark = JSON.parse(localStorage.getItem("is-dark") ?? "false")

6
src/styles/app.css
View File

@@ -16,7 +16,7 @@
--notyf-margin: 0.5rem; --notyf-margin: 0.5rem;
} }
[data-theme="silk"] { [data-theme="light"] {
--color-contrast-content: var(--color-success-content); --color-contrast-content: var(--color-success-content);
} }
@@ -24,8 +24,8 @@
@plugin 'daisyui' { @plugin 'daisyui' {
themes: themes:
silk --default, light --default,
abyss --prefersdark; business --prefersdark;
} }
@config '../../tailwind.config.js'; @config '../../tailwind.config.js';