Работа над ночным режимом

client/components/App.vue

@@ -52,7 +52,7 @@ class App {
         this.$root.setDarkMode = (value) => {
             if (darkMode !== value) {
                 const vars = [
-                    '--bg-app-color', '--text-app-color', '--text-anchor-color',
+                    '--bg-app-color', '--text-app-color', '--bg-dialog-color', '--text-anchor-color',
                     '--bg-loader-color', '--bg-input-color', '--bg-btn-color1', '--bg-btn-color2',
                     '--bg-header-color1', '--bg-header-color2', '--bg-header-color3',
                     '--bg-menu-color1', '--bg-menu-color2', '--text-menu-color',
@@ -242,6 +242,7 @@ export default vueComponent(App);
     /* current */
     --bg-app-color: #fff;
     --text-app-color: #000;
+    --bg-dialog-color: #fff;
     --text-anchor-color: #00f;
     --bg-loader-color: #ebe2c9;
     --bg-input-color: #eee;
@@ -269,6 +270,7 @@ export default vueComponent(App);
     /* light */
     --bg-app-color-light: #fff;
     --text-app-color-light: #000;
+    --bg-dialog-color-light: #fff;
     --text-anchor-color-light: #00f;
     --bg-loader-color-light: #ebe2c9;
     --bg-input-color-light: #eee;
@@ -296,6 +298,7 @@ export default vueComponent(App);
     /* dark */
     --bg-app-color-dark: #222;
     --text-app-color-dark: #ccc;
+    --bg-dialog-color-dark: #444;
     --text-anchor-color-dark: #09f;
     --bg-loader-color-dark: #222;
     --bg-input-color-dark: #333;
@@ -333,6 +336,10 @@ a {
     color: var(--text-app-color);
 }
 
+.bg-dialog {
+    background-color: var(--bg-dialog-color);
+}
+
 .bg-input {
     background-color: var(--bg-input-color);
 }

client/components/Reader/ReaderDialogs/ReaderDialogs.vue

@@ -12,14 +12,14 @@
             <span class="clickable" style="font-size: 13px" @click="openVersionHistory">Посмотреть историю версий</span>
 
             <template #footer>
-                <q-btn class="q-px-md" dense no-caps @click="whatsNewDisable">
+                <q-btn class="q-px-md" color="btn2" text-color="app" dense no-caps @click="whatsNewDisable">
                     Больше не показывать
                 </q-btn>
             </template>
         </Dialog>
 
         <q-dialog ref="dialog2" v-model="donationVisible" style="z-index: 100" no-route-dismiss no-esc-dismiss no-backdrop-dismiss>
-            <div class="column bg-white no-wrap q-pa-md">
+            <div class="column bg-dialog no-wrap q-pa-md">
                 <div class="row justify-center q-mb-md">
                     Здравствуйте, дорогие читатели!
                 </div>
@@ -84,7 +84,7 @@
 
             <div style="word-break: normal">
                 Если вы пытаетесь вставить текст в читалку из буфера обмена, пожалуйста воспользуйтесь кнопкой
-                <q-btn no-caps dense class="q-px-sm" color="primary" size="13px" @click="loadBufferClick">
+                <q-btn no-caps dense class="q-px-sm" color="btn1" size="13px" @click="loadBufferClick">
                     <q-icon class="q-mr-xs" name="la la-comment" size="24px" />
                     Из буфера обмена
                 </q-btn>
@@ -233,7 +233,7 @@ export default vueComponent(ReaderDialogs);
 
 <style scoped>
 .clickable {
-    color: blue;
+    color: var(--text-anchor-color);
     text-decoration: underline;
     cursor: pointer;
 }

client/components/Reader/SettingsPage/ResetTab/ResetTab.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="fit sets-tab-panel">
         <div class="sets-item row">
-            <q-btn class="col q-ma-sm" dense no-caps @click="setDefaults">
+            <q-btn class="col q-ma-sm" color="btn2" text-color="app" dense no-caps @click="setDefaults">
                 Установить по умолчанию
             </q-btn>
         </div>

client/components/Reader/versionHistory.js

@@ -1,8 +1,8 @@
 export const versionHistory = [
 {
     version: '1.0.1',
-    releaseDate: '2023-01-08',
-    showUntil: '2023-01-07',
+    releaseDate: '2023-01-11',
+    showUntil: '2023-01-22',
     content:
 `
 <ul>

client/components/share/Dialog.vue

@@ -1,6 +1,6 @@
 <template>
     <q-dialog v-model="active" no-route-dismiss @show="onShow" @hide="onHide">
-        <div class="column bg-white no-wrap">
+        <div class="column bg-dialog no-wrap">
             <div class="header row">
                 <div class="caption col row items-center q-ml-md">
                     <slot name="header"></slot>