lol

index.html

@@ -12,7 +12,7 @@
 	<style>
 		:root {
 			--bg: #0e0e10;
-            --bg-bright: #18181b;
+			/* --bg-bright: #18181b; */
 			--bg-brighter: #3d4146;
 			--bg-dark: #121416;
 			--theme: #00CC66;
@@ -24,10 +24,23 @@
 			--danger: #e74c3c;
 		}
 
+		html {
+			background: linear-gradient(to bottom,
+					rgba(11, 11, 11, 0.85),
+					rgba(11, 11, 11, 0.85)),
+				url(https://nadeko.net/assets/bgs/bgtile2.gif), #111111;
+			margin: 0;
+			padding: 0;
+			/* background: var(--bg); */
+			font-family: Helvetica, Arial, sans-serif;
+			height: 100%;
+			width: 100%;
+		}
+
 		body {
 			margin: 0;
 			padding: 0;
-            background: var(--bg);
+			/* background: var(--bg); */
 			font-family: Helvetica, Arial, sans-serif;
 			height: 100%;
 			width: 100%;

src/components/ContentLog.tsx

@@ -15,7 +15,7 @@ const ContentLogContainer = styled.ul`
     .search {
         position: absolute;
         top: -52px;
-        width: 320px;
+        width: 420px;
         left: 0;
     }
 

src/components/Filters.tsx

@@ -6,7 +6,7 @@ import styled from "styled-components";
 import { useChannels } from "../hooks/useChannels";
 import { store } from "../store";
 import { Docs } from "./Docs";
-import { Optout } from "./Optout";
+// import { Optout } from "./Optout";
 import { Settings } from "./Settings";
 
 const FiltersContainer = styled.form`
@@ -64,10 +64,10 @@ export function Filters() {
                 renderInput={(params) => <TextField {...params} name="channel" label="channel or id:123" variant="filled" autoFocus={state.currentChannel === null} />}
             />
             <TextField error={state.error} name="username" label="username or id:123" variant="filled" autoComplete="off" defaultValue={state.currentUsername} autoFocus={state.currentChannel !== null && state.currentUsername === null} />
-            <Button variant="contained" color="primary" size="large" type="submit">load</Button>
+            <Button variant="contained" color="secondary" size="large" type="submit">load</Button>
             <Settings />
             <Docs />
-            <Optout />
+            {/* <Optout /> */}
         </FiltersContainer>
     </FiltersWrapper>
 }