Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix/remove contrast ratios

Browse source
This commit is contained in:
Henry Jameson 2020-02-11 01:13:59 +02:00
parent e6f148b8a3
commit 43bddc79e0
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/style_switcher/style_switcher.vue
View file

@ -252,9 +252,8 @@
name="postLinkColor" name="postLinkColor"
:fallback="previewTheme.colors.accent" :fallback="previewTheme.colors.accent"
:label="$t('settings.links')" :label="$t('settings.links')"
:show-optional-tickbox="typeof accentColorLocal !== 'undefined'"
/> />
<ContrastRatio :contrast="previewContrast.bgPostLink" /> <ContrastRatio :contrast="previewContrast.postLink" />
<h4>{{ $t('settings.style.advanced_colors.alert') }}</h4> <h4>{{ $t('settings.style.advanced_colors.alert') }}</h4>
<ColorInput <ColorInput
v-model="alertErrorColorLocal" v-model="alertErrorColorLocal"
@ -485,21 +484,18 @@
:fallback="previewTheme.colors.btnDisabledText" :fallback="previewTheme.colors.btnDisabledText"
:label="$t('settings.text')" :label="$t('settings.text')"
/> />
<ContrastRatio :contrast="previewContrast.btnDisabledText" />
<ColorInput <ColorInput
v-model="btnDisabledPanelTextColorLocal" v-model="btnDisabledPanelTextColorLocal"
name="btnDisabledPanelTextColor" name="btnDisabledPanelTextColor"
:fallback="previewTheme.colors.btnDisabledPanelText" :fallback="previewTheme.colors.btnDisabledPanelText"
:label="$t('settings.style.advanced_colors.panel_header')" :label="$t('settings.style.advanced_colors.panel_header')"
/> />
<ContrastRatio :contrast="previewContrast.btnDisabledPanelText" />
<ColorInput <ColorInput
v-model="btnDisabledTopBarTextColorLocal" v-model="btnDisabledTopBarTextColorLocal"
name="btnDisabledTopBarTextColor" name="btnDisabledTopBarTextColor"
:fallback="previewTheme.colors.btnDisabledTopBarText" :fallback="previewTheme.colors.btnDisabledTopBarText"
:label="$t('settings.style.advanced_colors.top_bar')" :label="$t('settings.style.advanced_colors.top_bar')"
/> />
<ContrastRatio :contrast="previewContrast.btnDisabledTopBarText" />
<h4>{{ $t('settings.style.advanced_colors.toggled') }}</h4> <h4>{{ $t('settings.style.advanced_colors.toggled') }}</h4>
<ColorInput <ColorInput
v-model="btnToggledColorLocal" v-model="btnToggledColorLocal"

6
src/services/theme_data/pleromafe.js
View file

@ -329,11 +329,15 @@ export const SLOT_INHERITANCE = {
lightText: { lightText: {
depends: ['text'], depends: ['text'],
layer: 'bg',
textColor: 'preserve',
color: (mod, text) => brightness(20 * mod, text).rgb color: (mod, text) => brightness(20 * mod, text).rgb
}, },
postLink: { postLink: {
depends: ['link'] depends: ['link'],
layer: 'bg',
textColor: 'preserve'
}, },
border: { border: {