pages/search: init

This commit is contained in:
He4eT 2024-01-19 21:59:11 +01:00
commit 8d91c80b8b
4 changed files with 48 additions and 1 deletions

View file

@ -1,4 +1,4 @@
browser.action.onClicked.addListener((() =>
browser.tabs.create({
url: 'https://oddsquat.org'
url: '/pages/search/search.html'
})))

30
pages/css/common.css Normal file
View file

@ -0,0 +1,30 @@
html, body {
font-family: sans;
margin: 0;
padding: 0;
}
.popup {
--step: 8px;
--color-bg: #ffffff;
--color-text: #333333;
--color-accent: #888888;
}
@media (prefers-color-scheme: dark) {
.popup {
--color-bg: #1c1c1c;
--color-text: #eeeeee;
--color-accent: #cccccc;
}
}
/* Controls */
*:focus-visible {
outline-color: var(--color-accent);
outline-offset: 4px;
outline-style: solid;
outline-width: 1px;
}

3
pages/search/search.css Normal file
View file

@ -0,0 +1,3 @@
body {
background-color: red;
}

14
pages/search/search.html Normal file
View file

@ -0,0 +1,14 @@
<!doctype html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>Tabswhither</title>
<link rel='stylesheet' href='../css/common.css' />
<link rel='stylesheet' href='./search.css' />
</head>
<body>
lorem
</body>
</html>