Commit f1938c23 authored by nwindis's avatar nwindis
Browse files

UPDATE colors

parent dfc1a137
Pipeline #154096 passed with stages
in 3 minutes and 27 seconds
......@@ -50,7 +50,14 @@ module.exports = function (ctx) {
// Quasar plugins
plugins: [],
cssAddon: true
cssAddon: true,
config: {
brand: {
primary: '#212121',
secondary: '#eee',
accent: '#1a3771'
}
}
},
// https://quasar.dev/quasar-cli/cli-documentation/supporting-ie
......
<template>
<div class="col-xs-auto">
<q-btn
flat
title="Change color"
>
<q-icon
:name="fasPalette"
size="xs"
/>
<q-menu
anchor="center middle"
fit
self="center middle"
>
<q-list>
<q-item clickable v-close-popup>
<q-item-section>default</q-item-section>
</q-item>
<q-item clickable v-close-popup>
<q-item-section>asdf</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-btn>
</div>
</template>
<script>
import { fasPalette } from '@quasar/extras/fontawesome-v5';
// import { colors } from 'quasar';
// colors.setBrand('primary', 'purple');
// colors.setBrand('secondary', 'lightgrey');
// colors.setBrand('accent', 'hotpink');
export default {
name: 'color',
created() {
this.fasPalette = fasPalette;
},
};
</script>
......@@ -3,9 +3,10 @@
bordered
reveal
class="row justify-start items-center"
:class="$q.dark.isActive ? 'bg-dark' : 'bg-primary'"
:class="$q.dark.isActive ? 'bg-dark' : 'bg-secondary text-primary'"
>
<Language v-if="standalone" />
<Color />
<Softwareinfo />
</q-footer>
</template>
......@@ -13,12 +14,14 @@
<script>
import Language from '@/components/language.vue';
import Softwareinfo from '@/components/softwareinfo.vue';
import Color from '@/components/color.vue';
export default {
name: 'Footer',
components: {
Language,
Softwareinfo,
Color,
},
props: {
standalone: Boolean,
......
<template>
<q-header
elevated
:class="$q.dark.isActive ? 'bg-dark' : 'bg-primary'"
:class="$q.dark.isActive ? 'bg-dark' : 'bg-secondary text-primary'"
>
<div class="bar row justify-between items-center">
<Infobar v-if="config.headers.info && manifests.length"
......
<template>
<div>
<h1 class="text-h5 text-bold text-uppercase">
<h1 class="title text-h4 text-bold text-uppercase">
<span>{{ cut(collectiontitle) }}</span>
<q-icon class="q-pb-xs" size="sm" :name="fasChevronRight" />
<q-icon
class="q-pb-xs q-pr-sm q-pl-sm"
size="sm"
:color="$q.dark.isActive ? 'white' : 'accent'"
:name="fasChevronRight"
/>
<span>{{ cut(manifesttitle) }}</span>
<q-icon class="q-pb-xs" size="sm" :name="fasChevronRight" />
<q-icon
class="q-pb-xs q-pr-sm q-pl-sm"
size="sm"
:color="$q.dark.isActive ? 'white' : 'accent'"
:name="fasChevronRight"
/>
<span>{{ itemlabel }}</span>
</h1>
</div>
......@@ -45,3 +55,10 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.title {
letter-spacing: 2px;
font-size: 28px !important;
}
</style>
......@@ -3,7 +3,7 @@
<q-btn
class="q-mb-md"
unelevated
:color="$q.dark.isActive ? 'grey-8' : 'accent'"
:color="$q.dark.isActive ? 'grey-1 text-grey-10' : 'accent'"
:disabled="itemindex <= 0"
@click="toggleSheet(--itemindex)"
>
......@@ -20,7 +20,7 @@
class="q-mb-md"
size="md"
unelevated
:color="$q.dark.isActive ? 'grey-8' : 'accent'"
:color="$q.dark.isActive ? 'grey-1 text-grey-10' : 'accent'"
:disabled="itemindex >= itemurls.length - 1"
@click="toggleSheet(++itemindex)"
>
......
......@@ -4,11 +4,11 @@
<q-btn-dropdown
v-if="$q.screen.width < 1100"
:dropdown-icon="dropicon"
outline
flat
split
:class="$q.dark.isActive ? 'bg-black' : 'bg-grey-9'"
:class="$q.dark.isActive ? 'bg-black' : 'bg-grey-4 text-black'"
class="q-mb-md q-mr-md"
label="Toggle panels ..."
label="Toggle panels"
>
<slot />
</q-btn-dropdown>
......
......@@ -4,33 +4,41 @@
<q-list class="toggle-list">
<div v-for="(p, i) in panels" :key="`toggle${i}`">
<q-item
:class="$q.dark.isActive ? 'bg-black' : 'bg-grey-9 text-white'"
clickable
flat
v-close-popup
:title="handleToggleTitle(i)"
@click="() => handleStatusPanel(i)"
>
<q-icon class="q-pr-xs" size="xs" :name="renderCheckIcon(i)" />
<q-icon
class="q-pr-xs"
size="xs"
:color="$q.dark.isActive ? 'bg-black' : 'accent'"
:name="renderCheckIcon(i)"
/>
{{ p.panel_label.toUpperCase() }}
</q-item>
</div>
<q-item
:class="$q.dark.isActive ? 'bg-black' : 'bg-grey-8 text-white'"
clickable
flat
title="Reset panels to default view"
v-close-popup
@click="()=> handleStatusPanel(-1, true)"
>
<q-icon class="q-pr-xs" size="xs" :name="fasUndo" />
<q-icon
class="q-pr-xs"
size="xs"
:color="$q.dark.isActive ? 'bg-black' : 'accent'"
:name="fasUndo"
/>
{{ 'RESET' }}
</q-item>
</q-list>
</ToggleFilter>
<PanelsPosition :panelboxes="panels" />
<!-- <PanelsPosition :panelboxes="panels" /> -->
</div>
</template>
......@@ -41,7 +49,7 @@ import {
fasCheckCircle,
} from '@quasar/extras/fontawesome-v5';
import PanelsPosition from '@/components/togglebar/panelsposition';
// import PanelsPosition from '@/components/togglebar/panelsposition';
import ToggleFilter from '@/components/togglebar/toggleFilter.vue';
export default {
......@@ -50,7 +58,7 @@ export default {
panels: Array,
},
components: {
PanelsPosition,
// PanelsPosition,
ToggleFilter,
},
methods: {
......
......@@ -14,6 +14,38 @@
$light: #fff;
$dark: #1d1d1d;
$primary: #1a3771;
// $primary: #1a3771;
$accent: #ff8717;
// $accent: #ff8717;
// $primary-sub: #1a3771;
// .bg-default-primary {
// background: red;
// }
// .text-default-primary {
// color: #fff;
// }
// .bg-subugoe-primary {
// background: #1a3771;
// }
// .text-subugoe-primary {
// color: #fff;
// }
// .bg-pride-primary {
// background: hotpink;
// }
// .text-pride-primary {
// color: #fff;
// }
// .bg-pride-accent {
// background: purple;
// }
\ No newline at end of file
......@@ -7,7 +7,7 @@
.q-tree__node-collapsible .q-tree__children {
>.q-tree__node--parent {
>.q-tree__node-header {
background-color: $light;
background-color: $grey-3;
left: 0;
position: sticky;
top: 0;
......@@ -20,6 +20,20 @@
}
}
.q-tree__node--selected {
background-color: var(--q-color-accent);
@media (prefers-color-scheme: dark) {
background-color: $grey-3;
}
.q-tree__node-header-content {
color: white !important;
@media (prefers-color-scheme: dark) {
color: black !important;
}
}
}
.q-tree__node-header-content.col.row.no-wrap.items-center {
z-index: 99;
}
......@@ -29,6 +43,29 @@
}
}
.q-tab__label {
color: var(--q-color-primary);
letter-spacing: 2px;
@media (prefers-color-scheme: dark) {
color: white;
}
}
.q-tab__indicator {
color: var(--q-color-accent);
@media (prefers-color-scheme: dark) {
color: white;
}
}
.q-toolbar__title {
color: var(--q-color-primary);
letter-spacing: 2px;
@media (prefers-color-scheme: dark) {
color: white;
}
}
.view-tree::-webkit-scrollbar {
display: none;
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment