mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-23 22:18:26 +01:00
Code Issues Projects Releases Wiki Activity

fix: improves colors in light mode

Browse Source
This commit is contained in:
Amir Raminfar
2023-09-22 11:30:38 -07:00
parent b437850063
commit 60beb85bb1
4 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/components/LogViewer/ContainerTitle.vue
View File

@@ -16,7 +16,7 @@
<tag class="mobile-hidden font-mono" size="small">{{ container.image.replace(/@sha.*/, "") }}</tag> <tag class="mobile-hidden font-mono" size="small">{{ container.image.replace(/@sha.*/, "") }}</tag>
<label class="swap swap-rotate"> <label class="swap swap-rotate">
<input type="checkbox" v-model="pinned" /> <input type="checkbox" v-model="pinned" />
<carbon:star-filled class="swap-on" /> <carbon:star-filled class="swap-on text-secondary" />
<carbon:star class="swap-off" /> <carbon:star class="swap-off" />
</label> </label>
</div> </div>

2
assets/components/LogViewer/LogViewer.vue
View File

@@ -5,7 +5,7 @@
:key="item.id" :key="item.id"
:data-key="item.id" :data-key="item.id"
:class="{ 'border border-secondary': toRaw(item) === toRaw(lastSelectedItem) }" :class="{ 'border border-secondary': toRaw(item) === toRaw(lastSelectedItem) }"
class="flex break-words px-4 py-1 last:snap-end odd:bg-base-lighter/30" class="flex break-words px-4 py-1 last:snap-end odd:bg-gray-400/[0.07]"
> >
<a <a
class="btn btn-ghost tooltip-primary tooltip btn-sm tooltip-right mr-4 flex self-start font-sans font-normal normal-case text-secondary hover:text-secondary-focus" class="btn btn-ghost tooltip-primary tooltip btn-sm tooltip-right mr-4 flex self-start font-sans font-normal normal-case text-secondary hover:text-secondary-focus"

3
assets/main.css
View File

@@ -7,7 +7,8 @@
--base-content-color: 0 0% 21%; --base-content-color: 0 0% 21%;
--primary-color: 171 100% 41%; --primary-color: 171 100% 41%;
--primary-focus-color: 171 100% 31%; --primary-focus-color: 171 100% 31%;
--secondary-color: 44 100% 77%; --secondary-color: 34 95% 53%;
--secondary-focus-color: 34 95% 43%;
} }
@define-mixin dark { @define-mixin dark {

1
tailwind.config.ts
View File

@@ -22,6 +22,7 @@ export default {
primary: "hsl(var(--primary-color) / <alpha-value>)", primary: "hsl(var(--primary-color) / <alpha-value>)",
"primary-focus": "hsl(var(--primary-focus-color) / <alpha-value>)", "primary-focus": "hsl(var(--primary-focus-color) / <alpha-value>)",
secondary: "hsl(var(--secondary-color) / <alpha-value>)", secondary: "hsl(var(--secondary-color) / <alpha-value>)",
"secondary-focus": "hsl(var(--secondary-focus-color) / <alpha-value>)",
}, },
}, },
}, },