Re-orged readme and added a11y info

- Also tweaked default theme color a tad to better fit in Level A
standard.
This commit is contained in:
Dan Brown
2019-08-25 16:19:56 +01:00
parent cf5d51e7b8
commit 9fbef8cd1b
5 changed files with 31 additions and 34 deletions

View File

@ -10,7 +10,7 @@ class SettingAppColorPicker {
this.colorInput.addEventListener('change', this.updateColor.bind(this));
this.colorInput.addEventListener('input', this.updateColor.bind(this));
this.resetButton.addEventListener('click', event => {
this.colorInput.value = '#1d75b6';
this.colorInput.value = '#206ea7';
this.updateColor();
});
}

View File

@ -42,8 +42,8 @@ $fs-s: 12px;
// Colours
:root {
--color-primary: '#1d75b6';
--color-primary-light: 'rgba(29,117,182,0.15)';
--color-primary: '#206ea7';
--color-primary-light: 'rgba(32,110,167,0.15)';
}
$positive: #0f7d15;
$negative: #ab0f0e;
@ -54,7 +54,7 @@ $warning: #cf4d03;
$color-bookshelf: #af5a5a;
$color-book: #009688;
$color-chapter: #d7804a;
$color-page: #0288D1;
$color-page: #206ea7;
$color-page-draft: #9A60DA;
// Text colours

View File

@ -135,7 +135,7 @@
<p class="small">{!! trans('settings.app_primary_color_desc') !!}</p>
</div>
<div setting-app-color-picker class="text-m-right">
<input type="color" value="{{ setting('app-color') }}" name="setting-app-color" id="setting-app-color" placeholder="#1d75b6">
<input type="color" value="{{ setting('app-color') }}" name="setting-app-color" id="setting-app-color" placeholder="#206ea7">
<input type="hidden" value="{{ setting('app-color-light') }}" name="setting-app-color-light" id="setting-app-color-light">
<br>
<button type="button" class="text-button text-muted mt-s mx-s" setting-app-color-picker-reset>{{ trans('common.reset') }}</button>