From 9203e93d80d0b7681f224f19ccd343c32689a183 Mon Sep 17 00:00:00 2001 From: rift <117926989+Riftriot@users.noreply.github.com> Date: Sat, 30 Dec 2023 14:38:31 -0600 Subject: [PATCH] Revert "Starting point since I don't want to break something later on" This reverts commit b4c759ededf996c837cd02900899fe82fc3fe46e. --- public/themes/mocha.css | 28 ------------- src/components/iframe/IframeHeader.tsx | 7 +--- src/index.tsx | 2 +- src/routes.tsx | 4 +- {public => src}/themes/main.css | 56 +++++++++++++------------- 5 files changed, 32 insertions(+), 65 deletions(-) delete mode 100644 public/themes/mocha.css rename {public => src}/themes/main.css (96%) diff --git a/public/themes/mocha.css b/public/themes/mocha.css deleted file mode 100644 index 2c29f72..0000000 --- a/public/themes/mocha.css +++ /dev/null @@ -1,28 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap"); - -:root [data-theme="mocha"] { - --background-primary: #1e1e2e; - --background-lighter: #11111b; - --navbar-color: #11111b; - --navbar-height: 60px; - --navbar-text-color: #cba6f7; - --navbar-link-color: #89b4fa; - --navbar-link-hover-color: #cba6f7; - --navbar-font: "Roboto"; - --input-text-color: #cdd6f4; - --input-placeholder-color: #bac2de; - --input-background-color: #181825; - --input-border-color: #cba6f7; - --input-border-size: 1.3px; - --navbar-logo-filter: none; - --dropdown-option-hover-color: #11111b; -} - -.font-inter { - font-family: "Inter", sans-serif; - font-weight: 300; -} - -.font-roboto { - font-family: "Roboto"; -} diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx index 848128b..95c5124 100644 --- a/src/components/iframe/IframeHeader.tsx +++ b/src/components/iframe/IframeHeader.tsx @@ -97,12 +97,7 @@ export function IframeHeader(props: { url: string }) { script.src = "https://cdn.jsdelivr.net/npm/eruda"; script.onload = function () { if (!proxyWindow) return; - proxyWindow.eruda.init({ - defaults: { - displaySize: 45, - theme: 'Material Palenight' - } - }); + proxyWindow.eruda.init(); proxyWindow.eruda.show(); }; proxyDocument.head.appendChild(script); diff --git a/src/index.tsx b/src/index.tsx index 5ed3911..e17fecb 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,4 +1,4 @@ -import { render, Component } from "preact"; +import { render } from "preact"; import { Suspense, lazy } from "preact/compat"; import { LoadSuspense } from "./LoadSuspense"; const Routes = lazy(() => import("./routes")); diff --git a/src/routes.tsx b/src/routes.tsx index 138c227..9a0feaf 100644 --- a/src/routes.tsx +++ b/src/routes.tsx @@ -6,14 +6,14 @@ import { ProxyFrame } from "./pages/ProxyFrame.js"; import { Radon } from "./pages/Radon"; import { Settings } from "./pages/Settings/"; import { AboutBlank } from "./AboutBlank"; -//import AutocompleteInput from "./Autocomplete"; +import AutocompleteInput from "./Autocomplete"; import "./style.css"; +import "./themes/main.css"; import "./i18n"; export default function Routes() { return ( - diff --git a/public/themes/main.css b/src/themes/main.css similarity index 96% rename from public/themes/main.css rename to src/themes/main.css index 4225b6c..472676d 100644 --- a/public/themes/main.css +++ b/src/themes/main.css @@ -1,28 +1,28 @@ -@import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap"); - -:root { - --background-primary: #191724; - --background-lighter: #16121f; - --navbar-color: #26233a; - --navbar-height: 60px; - --navbar-text-color: #7967dd; - --navbar-link-color: #e0def4; - --navbar-link-hover-color: gray; - --navbar-font: "Roboto"; - --input-text-color: #e0def4; - --input-placeholder-color: white; - --input-background-color: #1f1d2e; - --input-border-color: #eb6f92; - --input-border-size: 1.3px; - --navbar-logo-filter: none; - --dropdown-option-hover-color: #312a49; -} - -.font-inter { - font-family: "Inter", sans-serif; - font-weight: 300; -} - -.font-roboto { - font-family: "Roboto"; -} +@import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap"); + +:root { + --background-primary: #191724; + --background-lighter: #16121f; + --navbar-color: #26233a; + --navbar-height: 60px; + --navbar-text-color: #7967dd; + --navbar-link-color: #e0def4; + --navbar-link-hover-color: gray; + --navbar-font: "Roboto"; + --input-text-color: #e0def4; + --input-placeholder-color: white; + --input-background-color: #1f1d2e; + --input-border-color: #eb6f92; + --input-border-size: 1.3px; + --navbar-logo-filter: none; + --dropdown-option-hover-color: #312a49; +} + +.font-inter { + font-family: "Inter", sans-serif; + font-weight: 300; +} + +.font-roboto { + font-family: "Roboto"; +}