design: change daisy theme
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en" data-theme="autumn">
|
<html lang="en">
|
||||||
<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" />
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ const toggle = (isChecked: boolean) => {
|
|||||||
<label class="grid cursor-pointer place-items-center">
|
<label class="grid cursor-pointer place-items-center">
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
value="forest"
|
value="sunset"
|
||||||
class="toggle theme-controller bg-base-content col-span-2 col-start-1 row-start-1"
|
class="toggle theme-controller bg-base-content col-span-2 col-start-1 row-start-1"
|
||||||
:checked="isDark"
|
:checked="isDark"
|
||||||
@click="
|
@click="
|
||||||
|
|||||||
@@ -33,7 +33,8 @@ module.exports = {
|
|||||||
},
|
},
|
||||||
img: {
|
img: {
|
||||||
'margin-top': 0,
|
'margin-top': 0,
|
||||||
'margin-bottom': 0
|
'margin-bottom': 0,
|
||||||
|
'border-radius': '1rem'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -42,7 +43,7 @@ module.exports = {
|
|||||||
},
|
},
|
||||||
plugins: [typography, daisyui],
|
plugins: [typography, daisyui],
|
||||||
daisyui: {
|
daisyui: {
|
||||||
themes: ['autumn', 'forest'],
|
themes: ['retro', 'sunset'],
|
||||||
base: true,
|
base: true,
|
||||||
styled: true,
|
styled: true,
|
||||||
utils: true
|
utils: true
|
||||||
|
|||||||
Reference in New Issue
Block a user