[web] Reduce the amount of colours

This commit is contained in:
Alain Nussbaumer 2025-02-16 15:30:37 +01:00
parent 59559847ac
commit d26e9fd5c4
9 changed files with 11 additions and 11 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<navbar-top /> <navbar-top />
<vue-progress-bar class="has-background-info" /> <vue-progress-bar class="has-background-primary" />
<router-view v-slot="{ Component }"> <router-view v-slot="{ Component }">
<component :is="Component" /> <component :is="Component" />
</router-view> </router-view>

View File

@ -1,5 +1,5 @@
<template> <template>
<a :class="{ 'is-info': is_consume }" @click="toggle"> <a :class="{ 'is-dark': is_consume }" @click="toggle">
<mdicon <mdicon
class="icon" class="icon"
name="fire" name="fire"

View File

@ -1,5 +1,5 @@
<template> <template>
<a :class="{ 'is-info': is_active }" @click="toggle"> <a :class="{ 'is-dark': is_active }" @click="toggle">
<mdicon <mdicon
class="icon" class="icon"
:name="icon" :name="icon"

View File

@ -1,5 +1,5 @@
<template> <template>
<a :class="{ 'is-info': !is_repeat_off }" @click="toggle"> <a :class="{ 'is-dark': !is_repeat_off }" @click="toggle">
<mdicon <mdicon
class="icon" class="icon"
:name="icon" :name="icon"

View File

@ -1,5 +1,5 @@
<template> <template>
<a :class="{ 'is-info': is_shuffle }" @click="toggle"> <a :class="{ 'is-dark': is_shuffle }" @click="toggle">
<mdicon <mdicon
class="icon" class="icon"
:name="icon" :name="icon"

View File

@ -34,7 +34,7 @@
<div class="is-size-7 has-text-grey" v-text="item.item.album" /> <div class="is-size-7 has-text-grey" v-text="item.item.album" />
<progress <progress
v-if="show_progress && item.item.seek_ms > 0" v-if="show_progress && item.item.seek_ms > 0"
class="progress is-info" class="progress is-dark"
:max="item.item.length_ms" :max="item.item.length_ms"
:value="item.item.seek_ms" :value="item.item.seek_ms"
/> />

View File

@ -12,7 +12,7 @@
<div class="buttons is-centered"> <div class="buttons is-centered">
<button <button
class="button is-small is-rounded" class="button is-small is-rounded"
:class="{ 'is-info': show_only_next_items }" :class="{ 'is-dark': show_only_next_items }"
@click="update_show_next_items" @click="update_show_next_items"
> >
<mdicon class="icon" name="arrow-collapse-down" size="16" /> <mdicon class="icon" name="arrow-collapse-down" size="16" />
@ -27,7 +27,7 @@
</button> </button>
<button <button
class="button is-small is-rounded" class="button is-small is-rounded"
:class="{ 'is-info': edit_mode }" :class="{ 'is-dark': edit_mode }"
:disabled="queue_items.length === 0" :disabled="queue_items.length === 0"
@click="edit_mode = !edit_mode" @click="edit_mode = !edit_mode"
> >

View File

@ -106,7 +106,7 @@
</div> </div>
<div class="control"> <div class="control">
<button <button
class="button is-info" class="button"
type="submit" type="submit"
v-text="$t('page.settings.services.login')" v-text="$t('page.settings.services.login')"
/> />

View File

@ -24,7 +24,7 @@
</div> </div>
<div class="control"> <div class="control">
<button <button
class="button is-info" class="button"
type="submit" type="submit"
v-text="$t('page.settings.devices.send')" v-text="$t('page.settings.devices.send')"
/> />
@ -75,7 +75,7 @@
</div> </div>
<div class="control"> <div class="control">
<button <button
class="button is-info" class="button"
type="submit" type="submit"
v-text="$t('page.settings.devices.verify')" v-text="$t('page.settings.devices.verify')"
/> />