theming

2026-06-03 18:42:08 +01:00
parent 2bd19a8b7b
commit e48c6366d0
4 changed files with 558 additions and 554 deletions
--- a/flake.lock
+++ b/flake.lock
@@ -3,11 +3,11 @@
    "beaker-src": {
      "flake": false,
      "locked": {
-        "lastModified": 1775244490,
-        "narHash": "sha256-4TJv7X6D0l4rEbTRKf47gU43L8G5uJgxxtsqMkVixQY=",
+        "lastModified": 1780436704,
+        "narHash": "sha256-3aMH1YblnpiXKdkQVMRLmMZ5/8G7vB4HAfLg7+izyHg=",
        "ref": "refs/heads/master",
-        "rev": "3fab89ecf8f4c664477a82add660d28db87357b4",
-        "revCount": 27,
+        "rev": "360d6271e1a20d128430e52637d5d35f4c706ca5",
+        "revCount": 34,
        "shallow": false,
        "type": "git",
        "url": "https://git.bwaaa.monster/beaker"
@@ -20,11 +20,11 @@
    },
    "nixpkgs": {
      "locked": {
-        "lastModified": 1773734432,
-        "narHash": "sha256-IF5ppUWh6gHGHYDbtVUyhwy/i7D261P7fWD1bPefOsw=",
+        "lastModified": 1780243769,
+        "narHash": "sha256-x5UQuRsH3MqI0U9afaXSNqzTPSeZlRLvFAav2Ux1pNw=",
        "owner": "NixOS",
        "repo": "nixpkgs",
-        "rev": "cda48547b432e8d3b18b4180ba07473762ec8558",
+        "rev": "331800de5053fcebacf6813adb5db9c9dca22a0c",
        "type": "github"
      },
      "original": {
--- a/static/main.css
+++ b/static/main.css
@@ -1,6 +1,8 @@
-*, *::before, *::after {
+*,
+*::before,
+*::after {
  box-sizing: border-box;
-    font-family: sans-serif;
+  font-family: system-ui;
 }

 html {
@@ -9,7 +11,11 @@ html {

 body {
  background-color: var(--bg-main);
-    background-image:radial-gradient(circle at top end, var(--bg-card) 0%, var(--bg-main) 100%);
+  background-image: radial-gradient(
+    circle at top end,
+    var(--bg-card) 0%,
+    var(--bg-main) 100%
+  );
  background-attachment: fixed;
  color: var(--text-primary);
  margin: 0;
@@ -112,8 +118,8 @@ img[src=""] {
  width: 24px;
  height: 24px;
  background-color: var(--text-primary);
-    -webkit-mask-image:url('/static/settings.svg');
-    mask-image:url('/static/settings.svg');
+  -webkit-mask-image: url("/static/settings.svg");
+  mask-image: url("/static/settings.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
@@ -143,8 +149,8 @@ img[src=""] {
  margin-inline-start: auto;
  margin-top: 3px;
  background-color: var(--text-secondary);
-    -webkit-mask-image:url('/static/settings.svg');
-    mask-image:url('/static/settings.svg');
+  -webkit-mask-image: url("/static/settings.svg");
+  mask-image: url("/static/settings.svg");
  mask-size: 100% 100%;
  transition: background-color 0.2s;
  text-decoration: none;
@@ -367,7 +373,6 @@ header .logo-link:hover {
  margin-bottom: 4px;
 }

-
@media (max-width: 768px) {
  .result-favicon {
    width: 14px;
@@ -557,7 +562,6 @@ header .logo-link:hover {
  transform: scaleX(-1);
 }

-
@media (max-width: 1200px) {
  .content-layout {
    grid-template-columns: 1fr;
@@ -568,7 +572,8 @@ header .logo-link:hover {
  header {
    gap: 20px;
  }
-    .results-container,.infobox-sidebar {
+  .results-container,
+  .infobox-sidebar {
    grid-column: 1;
    max-width: 100%;
  }
@@ -581,7 +586,8 @@ header .logo-link:hover {
  .infobox-sidebar {
    order: -1;
  }
-    .nav-tabs,.image-results-container {
+  .nav-tabs,
+  .image-results-container {
    padding-inline: 30px;
  }
  header {
@@ -953,5 +959,3 @@ header .logo-link:hover {
    flex-direction: column;
  }
 }
-
-
--- a/static/themes/catppuccin
+++ b/static/themes/catppuccin
@@ -1,7 +1,7 @@
 :root {
-    --bg-main: #181825;
-    --bg-card: #1e1e2e;
-    --border: #313244;
+  --bg-main: #1e1e2e;
+  --bg-card: #313244;
+  --border: #6c7086;
  --text-primary: #cdd6f4;
  --text-secondary: #a6adc8;
  --text-muted: #6c7086;
--- a/templates/results.html
+++ b/templates/results.html
@@ -18,7 +18,7 @@
    <body class="results-view">
        <header>
            <a href="/" class="logo-link"><h1>
-                Omni<span>Search</span>
+                VOID<span>ARC</span>
            </h1></a>
            <form action="/search" method="GET" class="search-form">
                <input name="engine" type="hidden" value="{{selected_engine}}">