First version with naive color extrapolation.

1 files changed, 8 insertions, 0 deletions

diff --git a/src/components/settings/settings.vue b/src/components/settings/settings.vue
index 6a311d55..9dcb1263 100644
--- a/src/components/settings/settings.vue
+++ b/src/components/settings/settings.vue
@@ -9,6 +9,14 @@
         <style-switcher></style-switcher>
       </div>
       <div class="setting-item">
+        <h3>Custom theme</h3>
+        <p>Enter hex color codes (#aabbcc) into the text fields.</p>
+        <input type="text" placeholder="Background" v-model="bgColorLocal">
+        <input type="text" placeholder="Foreground" v-model="fgColorLocal">
+        <input type="text" placeholder="Highlight" v-model="linkColorLocal">
+        <button @click="setCustomTheme">Submit</button>
+      </div>
+      <div class="setting-item">
         <h2>{{$t('settings.filtering')}}</h2>
         <p>{{$t('settings.filtering_explanation')}}</p>
         <textarea id="muteWords" v-model="muteWordsString"></textarea>