css update

2026-07-29 03:42:12 -07:00
parent bd4628efea
commit 5650f82d77
1 changed files with 15 additions and 5 deletions
@@ -1,3 +1,10 @@
+<head>
+    <link rel="icon" href="data:image/png;base64,iVBORw0KGgo=">
+    <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" media="screen" />
+    <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura-dark.css"
+        media="screen and (prefers-color-scheme: dark)" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
 <h1>PNGTube</h1>
 <select id="instance" hidden></select>
 <form name="new_instance" hidden>
@@ -93,8 +100,8 @@
 </span>

 <style>
-    * {
-        font-family: Inter, Roobert, Helvetica Neue, Helvetica, Arial, sans-serif;
+    body {
+        margin: 0;
    }
    form[name=new_instance]:not([hidden]),
    form[name=instance_config]:not([hidden]){
@@ -110,12 +117,15 @@
        white-space: normal;
        width: 20em;
    }
-    input:invalid:required {
-        background-color: lightpink;
-    }
    button#add_source,
    button.sensitivity {
        width: 100%;
    }
+    .source {
+        margin: 10px;
+    }
+    form, input[type=search] {
+        margin-bottom: 0;
+    }
 </style>
 <script type="module" src="index.js"></script>