theming
This commit is contained in:
14
flake.lock
generated
14
flake.lock
generated
@@ -3,11 +3,11 @@
|
|||||||
"beaker-src": {
|
"beaker-src": {
|
||||||
"flake": false,
|
"flake": false,
|
||||||
"locked": {
|
"locked": {
|
||||||
"lastModified": 1775244490,
|
"lastModified": 1780436704,
|
||||||
"narHash": "sha256-4TJv7X6D0l4rEbTRKf47gU43L8G5uJgxxtsqMkVixQY=",
|
"narHash": "sha256-3aMH1YblnpiXKdkQVMRLmMZ5/8G7vB4HAfLg7+izyHg=",
|
||||||
"ref": "refs/heads/master",
|
"ref": "refs/heads/master",
|
||||||
"rev": "3fab89ecf8f4c664477a82add660d28db87357b4",
|
"rev": "360d6271e1a20d128430e52637d5d35f4c706ca5",
|
||||||
"revCount": 27,
|
"revCount": 34,
|
||||||
"shallow": false,
|
"shallow": false,
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://git.bwaaa.monster/beaker"
|
"url": "https://git.bwaaa.monster/beaker"
|
||||||
@@ -20,11 +20,11 @@
|
|||||||
},
|
},
|
||||||
"nixpkgs": {
|
"nixpkgs": {
|
||||||
"locked": {
|
"locked": {
|
||||||
"lastModified": 1773734432,
|
"lastModified": 1780243769,
|
||||||
"narHash": "sha256-IF5ppUWh6gHGHYDbtVUyhwy/i7D261P7fWD1bPefOsw=",
|
"narHash": "sha256-x5UQuRsH3MqI0U9afaXSNqzTPSeZlRLvFAav2Ux1pNw=",
|
||||||
"owner": "NixOS",
|
"owner": "NixOS",
|
||||||
"repo": "nixpkgs",
|
"repo": "nixpkgs",
|
||||||
"rev": "cda48547b432e8d3b18b4180ba07473762ec8558",
|
"rev": "331800de5053fcebacf6813adb5db9c9dca22a0c",
|
||||||
"type": "github"
|
"type": "github"
|
||||||
},
|
},
|
||||||
"original": {
|
"original": {
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
*, *::before, *::after {
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
font-family: sans-serif;
|
font-family: system-ui;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
@@ -9,7 +11,11 @@ html {
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: var(--bg-main);
|
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;
|
background-attachment: fixed;
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -112,8 +118,8 @@ img[src=""] {
|
|||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
background-color: var(--text-primary);
|
background-color: var(--text-primary);
|
||||||
-webkit-mask-image:url('/static/settings.svg');
|
-webkit-mask-image: url("/static/settings.svg");
|
||||||
mask-image:url('/static/settings.svg');
|
mask-image: url("/static/settings.svg");
|
||||||
mask-size: contain;
|
mask-size: contain;
|
||||||
mask-repeat: no-repeat;
|
mask-repeat: no-repeat;
|
||||||
mask-position: center;
|
mask-position: center;
|
||||||
@@ -143,8 +149,8 @@ img[src=""] {
|
|||||||
margin-inline-start: auto;
|
margin-inline-start: auto;
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
background-color: var(--text-secondary);
|
background-color: var(--text-secondary);
|
||||||
-webkit-mask-image:url('/static/settings.svg');
|
-webkit-mask-image: url("/static/settings.svg");
|
||||||
mask-image:url('/static/settings.svg');
|
mask-image: url("/static/settings.svg");
|
||||||
mask-size: 100% 100%;
|
mask-size: 100% 100%;
|
||||||
transition: background-color 0.2s;
|
transition: background-color 0.2s;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@@ -367,7 +373,6 @@ header .logo-link:hover {
|
|||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.result-favicon {
|
.result-favicon {
|
||||||
width: 14px;
|
width: 14px;
|
||||||
@@ -557,7 +562,6 @@ header .logo-link:hover {
|
|||||||
transform: scaleX(-1);
|
transform: scaleX(-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: 1200px) {
|
@media (max-width: 1200px) {
|
||||||
.content-layout {
|
.content-layout {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
@@ -568,7 +572,8 @@ header .logo-link:hover {
|
|||||||
header {
|
header {
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
}
|
}
|
||||||
.results-container,.infobox-sidebar {
|
.results-container,
|
||||||
|
.infobox-sidebar {
|
||||||
grid-column: 1;
|
grid-column: 1;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
@@ -581,7 +586,8 @@ header .logo-link:hover {
|
|||||||
.infobox-sidebar {
|
.infobox-sidebar {
|
||||||
order: -1;
|
order: -1;
|
||||||
}
|
}
|
||||||
.nav-tabs,.image-results-container {
|
.nav-tabs,
|
||||||
|
.image-results-container {
|
||||||
padding-inline: 30px;
|
padding-inline: 30px;
|
||||||
}
|
}
|
||||||
header {
|
header {
|
||||||
@@ -953,5 +959,3 @@ header .logo-link:hover {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
:root {
|
:root {
|
||||||
--bg-main: #181825;
|
--bg-main: #1e1e2e;
|
||||||
--bg-card: #1e1e2e;
|
--bg-card: #313244;
|
||||||
--border: #313244;
|
--border: #6c7086;
|
||||||
--text-primary: #cdd6f4;
|
--text-primary: #cdd6f4;
|
||||||
--text-secondary: #a6adc8;
|
--text-secondary: #a6adc8;
|
||||||
--text-muted: #6c7086;
|
--text-muted: #6c7086;
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
<body class="results-view">
|
<body class="results-view">
|
||||||
<header>
|
<header>
|
||||||
<a href="/" class="logo-link"><h1>
|
<a href="/" class="logo-link"><h1>
|
||||||
Omni<span>Search</span>
|
VOID<span>ARC</span>
|
||||||
</h1></a>
|
</h1></a>
|
||||||
<form action="/search" method="GET" class="search-form">
|
<form action="/search" method="GET" class="search-form">
|
||||||
<input name="engine" type="hidden" value="{{selected_engine}}">
|
<input name="engine" type="hidden" value="{{selected_engine}}">
|
||||||
|
|||||||
Reference in New Issue
Block a user