add: initial support for tablet/desktop mode

This commit will add initial support for tablet/desktop mode by trick the navbar a bit
This commit is contained in:
RainyXeon
2024-08-09 17:33:56 +07:00
committed by ThePedroo
parent 6a0f5aaad2
commit fbed1e5633
4 changed files with 132 additions and 62 deletions
+2
View File
@@ -18,6 +18,8 @@ export function setDark(chooseSet) {
rootCss.style.setProperty('--dim', '#1d2327')
rootCss.style.setProperty('--icon', '#48565e')
rootCss.style.setProperty('--icon-bc', '#313a3f')
rootCss.style.setProperty('--desktop-navbar', '#252b31')
rootCss.style.setProperty('--desktop-navicon', '#333d42')
rootCss.style.setProperty('--button', 'var(--background)')
if (chooseSet) setData('dark')
+3 -1
View File
@@ -18,12 +18,14 @@ const sp_lang_close = document.getElementById('sp_lang_close')
const sp_theme_close = document.getElementById('sp_theme_close')
export function setLight(chooseSet) {
rootCss.style.setProperty('--background', '#eff1f6')
rootCss.style.setProperty('--background', '#f2f2f2')
rootCss.style.setProperty('--font', '#181c20')
rootCss.style.setProperty('--desc', '#484d53')
rootCss.style.setProperty('--spliter', '#4f6069')
rootCss.style.setProperty('--dim', '#e0e0e0')
rootCss.style.setProperty('--icon', '#acacac')
rootCss.style.setProperty('--desktop-navbar', '#fefefe')
rootCss.style.setProperty('--desktop-navicon', '#eeeeee')
rootCss.style.setProperty('--icon-bc', '#c9c9c9')
rootCss.style.setProperty('--button', '#b3b3b3')