Selection colors; removed prevent-select from most of the stuff since it may be uncomfortable for the user

frontend/src/lib/components/announcement.svelte

@@ -31,10 +31,6 @@
 
         gap: 5px;
         height: 36px;
-
-        font-size: 18px;
-
-        color: white;
     }
 
     .announcement__message {
@@ -43,6 +39,14 @@
 
         white-space: nowrap;
         text-size-adjust: auto;
+
+        font-size: 18px;
+        color: white;
+        /*TODO: selection color*/
+    }
+
+    .announcement__message::selection {
+        background-color: var(--col_panel);
     }
 
     .close-button {

frontend/src/lib/components/footer.svelte

@@ -8,7 +8,7 @@
 
 </script>
 
-<footer class="footer prevent-select">
+<footer class="footer">
 
     <div class="footer__social-notice-box">
         <p class="social-row footer__social-notice-text">Me on other resources:</p>

frontend/src/lib/components/header.svelte

@@ -10,7 +10,7 @@
     
 </script>
 
-<header class="header prevent-select" data-sveltekit-preload-data="hover">
+<header class="header" data-sveltekit-preload-data="hover">
 
     <div class="container header-left">
         <Icon class="header__menu-button" image={MenuIcon} size="64px"/>

frontend/src/lib/css/colors.css

@@ -9,14 +9,16 @@
     --col_accent: #5dc98e;
 
     --col_text: #000000;
+    --col_text_select: #5dc98e;
     --col_text_query: #ffffff;
     --col_text_invalid: #cc0000;
     --col_text_hint: #dedede; 
     --col_text_panel: #ffffff;
+    --col_text_panel_select: #be4286; 
     --col_text_footer: #ffffff;
+    --col_text_footer_select: #5dc98e;
     --col_text_copyright: #ffffff;
 
-    --col_text_selection: #5dc98e;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -32,5 +34,5 @@ body {
 
 ::selection {
     color: var(--col_text_panel);
-    background: var(--col_text_selection);
+    background: var(--col_text_select);
 }

frontend/src/routes/+layout.svelte

@@ -24,6 +24,6 @@
 
 <style>
     main {
-    height: 100vh;
+    height: 90vh;
     }
 </style>