diff options
| author | Henry Jameson <me@hjkos.com> | 2018-04-01 22:07:25 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-04-07 16:40:08 +0300 |
| commit | 33b1d85921e326e0d81c4bf1a6fa02fec2cbbd5c (patch) | |
| tree | 5d9be56fec6a1ee239955ab65dac3050a3cda4d9 /src/components/style_switcher/style_switcher.vue | |
| parent | acdb5e5c7a2dac1908a5daafd94c31bc116a1799 (diff) | |
border-radii moved to variables, made rgbo colors use theme data, customizable
from settings screen.
Diffstat (limited to 'src/components/style_switcher/style_switcher.vue')
| -rw-r--r-- | src/components/style_switcher/style_switcher.vue | 23 |
1 files changed, 22 insertions, 1 deletions
diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue index e6a00275..e2853d01 100644 --- a/src/components/style_switcher/style_switcher.vue +++ b/src/components/style_switcher/style_switcher.vue @@ -27,6 +27,28 @@ <input id="linkcolor-t" class="theme-color-in" type="text" v-model="linkColorLocal"> </div> </div> + <div class="color-container additional colors"> + <div class="color-item"> + <label for="redcolor" class="theme-color-lb">{{$t('settings.cRed')}}</label> + <input id="redcolor" class="theme-color-cl" type="color" v-model="redColorLocal"> + <input id="redcolor-t" class="theme-color-in" type="text" v-model="redColorLocal"> + </div> + <div class="color-item"> + <label for="bluecolor" class="theme-color-lb">{{$t('settings.cBlue')}}</label> + <input id="bluecolor" class="theme-color-cl" type="color" v-model="blueColorLocal"> + <input id="bluecolor-t" class="theme-color-in" type="text" v-model="blueColorLocal"> + </div> + <div class="color-item"> + <label for="greencolor" class="theme-color-lb">{{$t('settings.cGreen')}}</label> + <input id="greencolor" class="theme-color-cl" type="color" v-model="greenColorLocal"> + <input id="greencolor-t" class="theme-color-in" type="green" v-model="greenColorLocal"> + </div> + <div class="color-item"> + <label for="orangecolor" class="theme-color-lb">{{$t('settings.cOrange')}}</label> + <input id="orangecolor" class="theme-color-cl" type="color" v-model="orangeColorLocal"> + <input id="orangecolor-t" class="theme-color-in" type="text" v-model="orangeColorLocal"> + </div> + </div> <div> <div class="panel"> <div class="panel-heading" :style="{ 'background-color': fgColorLocal, 'color': textColorLocal }">Preview</div> @@ -79,7 +101,6 @@ .theme-color-cl, .theme-color-in { margin-left: 4px; - border-radius: 2px; } .theme-color-in { |