Improve working text select styling

Author: bkis

Tekst-Web/public/base.css

@@ -21,7 +21,7 @@
   --font-size-tiny: 13px;
   --font-size-mini: 12px;
 
-  --border-radius: 4px;
+  --border-radius: 3px;
   --block-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.04);
   --affix-box-shadow: 0 5px 12px 4px rgba(0, 0, 0, 0.15);
 }

Tekst-Web/src/components/navigation/TextSelect.vue

@@ -88,7 +88,11 @@ function handleSelect(text: TextRead) {
 }
 
 .text-select-btn.n-button--ghost:hover {
-  background-color: #fff2;
+  background-color: #ffffff1a;
+}
+
+.n-button :deep(.n-button__border) {
+  border: 1px solid var(--base-color-translucent);
 }
 
 .text-title {

Tekst-Web/src/stores/theme.ts

@@ -158,7 +158,7 @@ export const useThemeStore = defineStore('theme', () => {
       '--primary-color-fade5': colors.value.primary.fade5,
 
       '--base-color': dark.value ? '#242424' : '#FFFFFF',
-      '--base-color-translucent': transparentize(dark.value ? '#242424' : '#FFFFFF', 0.3),
+      '--base-color-translucent': transparentize(dark.value ? '#242424' : '#FFFFFF', 0.6),
       '--text-color': nuiBaseTheme.value.common.textColor1,
       '--text-color-translucent': transparentize(nuiBaseTheme.value.common.textColor1, 0.6),