dark/light logging colors

This commit is contained in:
jb-alvarado 2024-04-15 17:39:41 +02:00
parent 2c19a987b4
commit 828ed6f08a
3 changed files with 16 additions and 32 deletions

View File

@ -49,7 +49,7 @@ watch([listDate, configID], () => {
}) })
const calendarFormat = (date: Date) => { const calendarFormat = (date: Date) => {
return $dayjs(date).locale(locale.value).format('dddd LL') return $dayjs(date).locale(locale.value).format('dddd - LL')
} }
async function getLog() { async function getLog() {
@ -79,20 +79,20 @@ async function getLog() {
} }
.log-number { .log-number {
color: #e2c317; color: var(--my-yellow);
} }
.log-addr { .log-addr {
color: #ad7fa8; color: var(--my-purple);
font-weight: 500; font-weight: 500;
} }
.log-cmd { .log-cmd {
color: #6c95c2; color: var(--my-blue);
} }
.log-info { .log-info {
color: #8ae234; color: var(--my-green);
} }
.log-warning { .log-warning {

View File

@ -447,9 +447,9 @@ const newSource = ref({
uid: '', uid: '',
} as PlaylistItem) } as PlaylistItem)
onMounted(async () => { onMounted(() => {
if (!mediaStore.folderTree.parent) { if (!mediaStore.folderTree.parent) {
await mediaStore.getTree('') mediaStore.getTree('')
} }
getPlaylist() getPlaylist()
@ -474,7 +474,7 @@ function scrollTo(index: number) {
} }
const calendarFormat = (date: Date) => { const calendarFormat = (date: Date) => {
return $dayjs(date).locale(locale.value).format('dddd LL') return $dayjs(date).locale(locale.value).format('dddd - LL')
} }
async function getPlaylist() { async function getPlaylist() {
@ -534,8 +534,6 @@ function addClip(event: any) {
const n = event.newIndex const n = event.newIndex
const uid = genUID() const uid = genUID()
console.log('---add')
event.item.remove() event.item.remove()
const storagePath = configStore.configPlayout.storage.path const storagePath = configStore.configPlayout.storage.path

View File

@ -10,14 +10,6 @@ module.exports = {
}, },
colors: { colors: {
'my-gray': 'var(--my-gray)', 'my-gray': 'var(--my-gray)',
'my-gray-text': 'var(--my-gray-text)',
'my-text': 'var(--my-text)',
'my-shadow': 'var(--my-shadow)',
'my-shadow-dark': 'var(--my-shadow-dark)',
'my-black': '#141414',
'link-hover': 'var(--link-hover)',
'light-accent': 'var(--light-accent)',
'base-100-odd': 'var(--base-100-odd)',
}, },
fontFamily: { fontFamily: {
sans: ['Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Arial', 'sans-serif'], sans: ['Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Arial', 'sans-serif'],
@ -62,15 +54,12 @@ module.exports = {
'--base-100': '#ffffff', '--base-100': '#ffffff',
'--base-200': '#F2F5F7', '--base-200': '#F2F5F7',
'--base-300': '#E5E6E6', '--base-300': '#E5E6E6',
'--base-100-odd': '#ececec',
'--my-accent': '#f28c1b', '--my-accent': '#f28c1b',
'--link-hover': '#f4ae61',
'--my-gray': '#888888', '--my-gray': '#888888',
'--my-gray-text': '#6a6a6a', '--my-purple': '#701a75',
'--my-text': '#141414', '--my-yellow': '#bea203',
'--my-shadow': '#e6e6e6', '--my-blue': '#436e9c',
'--my-shadow-dark': '#9f9f9f', '--my-green': '#68b31e',
'--light-accent': '#9c6a0c',
}, },
dark: { dark: {
'color-scheme': 'dark', 'color-scheme': 'dark',
@ -90,15 +79,12 @@ module.exports = {
'--base-100': '#313131', '--base-100': '#313131',
'--base-200': '#222222', '--base-200': '#222222',
'--base-300': '#1c1c1c', '--base-300': '#1c1c1c',
'--base-100-odd': '#3d3d3d',
'--my-accent': '#f28c1b', '--my-accent': '#f28c1b',
'--link-hover': '#f4ae61',
'--my-gray': '#919191', '--my-gray': '#919191',
'--my-gray-text': '#bababa', '--my-purple': '#ad7fa8;',
'--my-text': '#eeeeee', '--my-yellow': '#e2c317',
'--my-shadow': '#111', '--my-blue': '#6c95c2',
'--my-shadow-dark': '#000', '--my-green': '#8ae234',
'--light-accent': '#f1a312',
}, },
}, },
], ],