More quick fixes

Former-commit-id: c942199

ui/src/index.css

@@ -10,8 +10,8 @@
 @import "./styles/other-overrides.css";
 
 *,
-*::before,
-*::after {
+::before,
+::after {
 	box-sizing: border-box;
 }
 
@@ -22,7 +22,7 @@
 html,
 body {
 	height: 100%;
-	overflow: hidden;
+	overflow: hidden; /* Why? Are things overflowing? */
 }
 
 body {

ui/src/styles/antd-overrides.css

@@ -42,8 +42,7 @@ h5 {
 }
 
 .ant-layout-content {
-	overflow-x: auto;
-	overflow-y: auto;
+	overflow: auto;
 	max-height: 100dvh;
 	scroll-behavior: smooth;
 }
@@ -52,7 +51,7 @@ h5 {
 	position: sticky;
 	top: 0;
 	z-index: var(--bt-z-index-header);
-	width: 100%;
+	width: 100%; /* Is this needed? */
 	display: flex;
 	align-items: center;
 	padding-inline: 0;
@@ -72,7 +71,7 @@ h5 {
 }
 
 .ant-select-selection-search-input {
-	font-size: 16px;
+	font-size: 1rem;
 }
 
 .ant-card-cover img {
@@ -108,7 +107,7 @@ a:hover {
 
 /* modal dark mode */
 .dark .ant-modal-content {
-	background-color: #383737 !important;
+	background-color: rgb(56 56 56) !important;
 	color: white;
 }
 

ui/src/styles/colors.css

@@ -1,15 +1,12 @@
 :where(html) {
-	--bt-color-border: #ddd;
+	--bt-color-border: rgb(221 221 221);
 	/* New rgb syntax */
 	/* I would also strongly recommend having all your colours in a consistent syntax
      i.e. all hex or all rgb */
-	/* --bt-color-border-solid-light: rgba(250, 250, 250, 0.06); */
 	--bt-color-border-solid-light: rgb(250 250 250 / 0.06);
-	/* --bt-color-border-solid-dark: rgba(5, 5, 5, 0.06); */
 	--bt-color-border-solid-dark: rgb(5 5 5 / 0.06);
-	--bt-color-scrollbar-thumb: #707070;
-	--bt-color-scrollbar-track: #c9c8c8;
-	/* --bt-color-bg: rgba(0, 0, 0, 0.5); */
+	--bt-color-scrollbar-thumb: rgb(112 112 112);
+	--bt-color-scrollbar-track: rgb(201 200 200);
 	--bt-color-bg: rgb(0 0 0 / 0.5);
-	--bt-color-hover: #9370db;
+	--bt-color-hover: rgb(147 112 219);
 }

ui/src/styles/shadows.css

@@ -1,5 +1,5 @@
 :where(html) {
-	--bt-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
+	--bt-shadow: 2px 2px 4px rgb(0 0 0 / 0.2);
 	/* --bt-footer-box-shadow: inset 0px 1px 0px #e8e8e8; Zero values don't require units */
-	--bt-footer-box-shadow: inset 0 1px 0 #e8e8e8;
+	--bt-footer-box-shadow: inset 0 1px 0 rgb(232 232 232);
 }