fix: adapt agenda buttons colors to be more readable (#7210)

Co-authored-by: NGPixel <github@ngpixel.com>
This commit is contained in:
Eric Vyncke 2024-03-22 01:01:14 +09:00 committed by GitHub
parent cb84ad3f44
commit 7f2c3ed2cb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 11 additions and 4 deletions

View file

@ -58,14 +58,17 @@
n-button( n-button(
:type='agendaStore.isTimezoneMeeting ? `primary` : `default`' :type='agendaStore.isTimezoneMeeting ? `primary` : `default`'
@click='setTimezone(`meeting`)' @click='setTimezone(`meeting`)'
:text-color='agendaStore.isTimezoneMeeting ? `#FFF` : null'
) Meeting ) Meeting
n-button( n-button(
:type='agendaStore.isTimezoneLocal ? `primary` : `default`' :type='agendaStore.isTimezoneLocal ? `primary` : `default`'
@click='setTimezone(`local`)' @click='setTimezone(`local`)'
:text-color='agendaStore.isTimezoneLocal ? `#FFF` : null'
) Local ) Local
n-button( n-button(
:type='agendaStore.timezone === `UTC` ? `primary` : `default`' :type='agendaStore.timezone === `UTC` ? `primary` : `default`'
@click='setTimezone(`UTC`)' @click='setTimezone(`UTC`)'
:text-color='agendaStore.timezone === `UTC` ? `#FFF` : null'
) UTC ) UTC
n-select.agenda-timezone-ddn( n-select.agenda-timezone-ddn(
v-if='siteStore.viewport > 1250' v-if='siteStore.viewport > 1250'

View file

@ -62,7 +62,8 @@
n-button.mt-2( n-button.mt-2(
id='agenda-quickaccess-calview-btn' id='agenda-quickaccess-calview-btn'
block block
color='#6c757d' color='#6f42c1'
text-color='#FFF'
size='large' size='large'
strong strong
@click='agendaStore.$patch({ calendarShown: true })' @click='agendaStore.$patch({ calendarShown: true })'
@ -78,8 +79,8 @@
n-button.mt-2( n-button.mt-2(
id='agenda-quickaccess-addtocal-btn' id='agenda-quickaccess-addtocal-btn'
block block
secondary :color='siteStore.theme === `dark` ? `rgba(111, 66, 193, .3)` : `#e2d9f3`'
color='#6c757d' :text-color='siteStore.theme === `dark` ? `#e2d9f3` : `#59359a`'
size='large' size='large'
strong strong
) )

View file

@ -11,14 +11,17 @@ n-drawer(v-model:show='isShown', placement='bottom', :height='state.drawerHeight
n-button( n-button(
:type='agendaStore.isTimezoneMeeting ? `primary` : `default`' :type='agendaStore.isTimezoneMeeting ? `primary` : `default`'
@click='setTimezone(`meeting`)' @click='setTimezone(`meeting`)'
:text-color='agendaStore.isTimezoneMeeting ? `#FFF` : null'
) Meeting ) Meeting
n-button( n-button(
:type='agendaStore.isTimezoneLocal ? `primary` : `default`' :type='agendaStore.isTimezoneLocal ? `primary` : `default`'
@click='setTimezone(`local`)' @click='setTimezone(`local`)'
:text-color='agendaStore.isTimezoneLocal ? `#FFF` : null'
) Local ) Local
n-button( n-button(
:type='agendaStore.timezone === `UTC` ? `primary` : `default`' :type='agendaStore.timezone === `UTC` ? `primary` : `default`'
@click='setTimezone(`UTC`)' @click='setTimezone(`UTC`)'
:text-color='agendaStore.timezone === `UTC` ? `#FFF` : null'
) UTC ) UTC
n-divider(vertical) n-divider(vertical)
n-button.me-2( n-button.me-2(
@ -32,7 +35,7 @@ n-drawer(v-model:show='isShown', placement='bottom', :height='state.drawerHeight
n-badge.ms-2(:value='agendaStore.selectedCatSubs.length', processing) n-badge.ms-2(:value='agendaStore.selectedCatSubs.length', processing)
n-button( n-button(
ghost ghost
color='gray' :color='siteStore.theme === `dark` ? `#e35d6a` : `gray`'
strong strong
@click='close' @click='close'
) )