0
0
Fork 0

Replaced orange color with brand primary color

This commit is contained in:
Joan Sanchez 2022-10-25 14:48:46 +02:00
parent 28f2ff0f9f
commit 2194fde3c6
4 changed files with 10 additions and 10 deletions

View File

@ -27,11 +27,11 @@ onMounted(() => {
stack stack
size="lg" size="lg"
:icon="module.icon" :icon="module.icon"
color="orange-6" color="primary"
class="col-4 button" class="col-4 button"
:to="{ name: module.stateName }" :to="{ name: module.stateName }"
> >
<div class="text-center text-orange-6 button-text"> <div class="text-center text-primary button-text">
{{ t(`${module.name}.pageTitles.${module.title}`) }} {{ t(`${module.name}.pageTitles.${module.title}`) }}
</div> </div>
</q-btn> </q-btn>

View File

@ -28,7 +28,7 @@ async function onToggleFavoriteModule(moduleName, event) {
<q-item <q-item
clickable clickable
v-ripple v-ripple
active-class="text-orange" active-class="text-primary"
:key="module.title" :key="module.title"
:to="{ name: module.stateName }" :to="{ name: module.stateName }"
v-if="!module.roles || !module.roles.length || hasAny(module.roles)" v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
@ -48,7 +48,7 @@ async function onToggleFavoriteModule(moduleName, event) {
<template v-if="module.children"> <template v-if="module.children">
<q-expansion-item <q-expansion-item
class="module" class="module"
active-class="text-orange" active-class="text-primary"
:label="t(`${module.name}.pageTitles.${module.title}`)" :label="t(`${module.name}.pageTitles.${module.title}`)"
v-if="!module.roles || !module.roles.length || hasAny(module.roles)" v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
:to="{ name: module.stateName }" :to="{ name: module.stateName }"
@ -68,7 +68,7 @@ async function onToggleFavoriteModule(moduleName, event) {
<q-item <q-item
clickable clickable
v-ripple v-ripple
active-class="text-orange" active-class="text-primary"
:to="{ name: section.stateName }" :to="{ name: section.stateName }"
v-if="!section.roles || !section.roles.length || hasAny(section.roles)" v-if="!section.roles || !section.roles.length || hasAny(section.roles)"
> >
@ -93,7 +93,7 @@ async function onToggleFavoriteModule(moduleName, event) {
class="module" class="module"
clickable clickable
v-ripple v-ripple
active-class="text-orange" active-class="text-primary"
:key="module.title" :key="module.title"
:to="{ name: module.stateName }" :to="{ name: module.stateName }"
v-if="!module.roles || !module.roles.length || hasAny(module.roles)" v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
@ -117,7 +117,7 @@ async function onToggleFavoriteModule(moduleName, event) {
<template v-if="module.children"> <template v-if="module.children">
<q-expansion-item <q-expansion-item
class="module" class="module"
active-class="text-orange" active-class="text-primary"
:label="t(`${module.name}.pageTitles.${module.title}`)" :label="t(`${module.name}.pageTitles.${module.title}`)"
v-if="!module.roles || !module.roles.length || hasAny(module.roles)" v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
:to="{ name: module.stateName }" :to="{ name: module.stateName }"
@ -141,7 +141,7 @@ async function onToggleFavoriteModule(moduleName, event) {
<q-item <q-item
clickable clickable
v-ripple v-ripple
active-class="text-orange" active-class="text-primary"
:to="{ name: section.stateName }" :to="{ name: section.stateName }"
v-if="!section.roles || !section.roles.length || hasAny(section.roles)" v-if="!section.roles || !section.roles.length || hasAny(section.roles)"
> >

View File

@ -44,7 +44,7 @@ const modules = useNavigation();
class="col-4 button" class="col-4 button"
:to="{ name: module.stateName }" :to="{ name: module.stateName }"
> >
<div class="text-center text-orange-6 button-text"> <div class="text-center text-primary button-text">
{{ t(`${module.name}.pageTitles.${module.title}`) }} {{ t(`${module.name}.pageTitles.${module.title}`) }}
</div> </div>
</q-btn> </q-btn>

View File

@ -28,7 +28,7 @@ async function fetch() {
function stateColor(state) { function stateColor(state) {
if (state.code === 'OK') return 'text-green'; if (state.code === 'OK') return 'text-green';
if (state.code === 'FREE') return 'text-blue-3'; if (state.code === 'FREE') return 'text-blue-3';
if (state.alertLevel === 1) return 'text-orange'; if (state.alertLevel === 1) return 'text-primary';
if (state.alertLevel === 0) return 'text-red'; if (state.alertLevel === 0) return 'text-red';
} }
</script> </script>