From 8d91c80b8ba826a2ae906504177c42215810caa2 Mon Sep 17 00:00:00 2001 From: He4eT Date: Fri, 19 Jan 2024 21:59:11 +0100 Subject: [PATCH] pages/search: init --- background.js | 2 +- pages/css/common.css | 30 ++++++++++++++++++++++++++++++ pages/search/search.css | 3 +++ pages/search/search.html | 14 ++++++++++++++ 4 files changed, 48 insertions(+), 1 deletion(-) create mode 100644 pages/css/common.css create mode 100644 pages/search/search.css create mode 100644 pages/search/search.html diff --git a/background.js b/background.js index a671d30..0bbaf79 100644 --- a/background.js +++ b/background.js @@ -1,4 +1,4 @@ browser.action.onClicked.addListener((() => browser.tabs.create({ - url: 'https://oddsquat.org' + url: '/pages/search/search.html' }))) diff --git a/pages/css/common.css b/pages/css/common.css new file mode 100644 index 0000000..de3cd34 --- /dev/null +++ b/pages/css/common.css @@ -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; +} diff --git a/pages/search/search.css b/pages/search/search.css new file mode 100644 index 0000000..aa1634c --- /dev/null +++ b/pages/search/search.css @@ -0,0 +1,3 @@ +body { + background-color: red; +} diff --git a/pages/search/search.html b/pages/search/search.html new file mode 100644 index 0000000..96a9107 --- /dev/null +++ b/pages/search/search.html @@ -0,0 +1,14 @@ + + + + + Tabswhither + + + + + + lorem + + +