Small fix style for dark mode

Author: Stigmatoz

src/assets/css/dark.css

@@ -51,6 +51,7 @@
 }
 .dark .settings-tab label[name="tabName"]{
   background-color: #303030 !important;
+  color: #bbbbbb;
 }
 .dark .settings-content{
   background-color: #303030 !important;

src/components/TabItem.vue

@@ -130,7 +130,6 @@ const showWarningMessage = ref<boolean>();
 }
 .tab-item .url {
   font-size: 15px;
-  font-weight: 600;
   cursor: pointer;
   overflow-wrap: anywhere;
   display: inline-block;

src/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "__MSG_extName__",
   "short_name": "Web Tracker",
-  "version": "2.0.21",
+  "version": "2.0.22",
   "description": "__MSG_extDescription__",
   "options_page": "src/dashboard.html",
   "default_locale": "en",

src/pages/Dashboard.vue

@@ -132,15 +132,15 @@
       </div>
     </div>
 
-    <div class="settings-tab mt-30">
+    <div class="settings-tab">
       <input
         type="radio"
         id="about-tab"
         name="settings-group"
         :checked="selectedTab == SettingsTab.About"
         v-on:change="selectTab(SettingsTab.About)"
       />
-      <label name="tabName" for="about-tab"
+      <label class="about" name="tabName" for="about-tab"
         ><img src="../assets/icons/s-about.svg" height="30" />{{
           t('aboutSettings.message')
         }}</label
@@ -221,6 +221,9 @@ function selectTab(value: SettingsTab) {
   width: 80%;
   margin: auto;
 }
+.header-block {
+  background-color: unset !important;
+}
 .header-block .title {
   vertical-align: top;
   margin-top: 15px;
@@ -229,11 +232,15 @@ function selectTab(value: SettingsTab) {
 }
 
 .header-block .logo {
-  margin: 10px 10px 10px 35px;
+  margin: 10px 10px 10px 15px;
 }
 .tab-separator {
   margin-left: 10px;
   font-size: 13px;
   font-weight: 600;
 }
+.about {
+  position: fixed;
+  bottom: 20px;
+}
 </style>