vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed surface colors readability

pull/4591/head
Cagatay Civici 2023-10-07 13:36:00 +03:00
parent 7399453a32
commit 3cb9b4c99b
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
doc/colors/SurfacesDoc.vue
View File

@ -4,7 +4,12 @@
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<div class="flex flex-column"> <div class="flex flex-column">
<div v-for="shade in shades" :key="shade" class="w-18rem flex align-items-center p-3 font-bold" :style="{ backgroundColor: `var(--surface-${shade})`, color: $appState.darkTheme ? '#fff' : shade > 500 ? '#fff' : '#000' }"> <div
v-for="shade in shades"
:key="shade"
class="w-18rem flex align-items-center p-3 font-bold"
:style="{ backgroundColor: `var(--surface-${shade})`, color: $appState.darkTheme ? (shade > 500 ? '#000' : '#fff') : shade > 500 ? '#fff' : '#000' }"
>
surface-{{ shade }} surface-{{ shade }}
</div> </div>
</div> </div>