Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@taupiqueur
taupiqueur committed Dec 5, 2024
0 parents commit 24614ab
Show file tree
Hide file tree
Showing 6 changed files with 548 additions and 0 deletions.
31 changes: 31 additions & 0 deletions favicon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
39 changes: 39 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>chrome-dmenu</title>
<link rel="icon" href="favicon.svg">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>chrome-dmenu</h1>
</header>
<nav>
<ul>
<li>
<a href="manual.html">Manual</a>
</li>
<li>
<a href="https://github.com/taupiqueur/chrome-dmenu">Source</a>
</li>
<li>
<a href="https://github.com/taupiqueur/chrome-dmenu/issues">Issue tracker</a>
</li>
<li>
<a href="https://web.libera.chat/gamja/#taupiqueur">IRC channel</a>
</li>
</ul>
</nav>
<main>
<p>
<strong>dmenu for Chrome</strong> is a browser extension that lets you search tabs with a dynamic menu program—such as <a href="https://tools.suckless.org/dmenu/">dmenu</a>.
</p>
<p>
<a href="https://github.com/taupiqueur/chrome-dmenu#installation">Add to Chrome.</a>
</p>
</main>
</body>
</html>
223 changes: 223 additions & 0 deletions manual.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,223 @@
:root {
color-scheme: light dark;
}

@media (prefers-color-scheme: light) {
:root {
--background-color: #ffffff;
--foreground-color: #202020;
--keyboard-input-background-color: inherit;
--keyboard-input-text-color: inherit;
--keyboard-input-border-color: inherit;
--keyboard-input-code-background-color: #ffc4ff;
--keyboard-input-code-text-color: #191970;
--keyboard-input-code-border-color: #f0a4f0;
--keyboard-input-code-selected-background-color: #f0a4f0;
--keyboard-input-code-selected-text-color: #000000;
--table-head-background-color: #b9c9fe;
--table-head-text-color: #003399;
--table-head-border-color: #aabcfe;
--table-body-background-color: #e8edff;
--table-body-text-color: #666699;
--table-body-border-color: #ffffff;
--table-body-selected-background-color: #d0dafd;
--table-body-selected-text-color: #333399;
--tag-pill-background-color: #e8f0fe66;
--tag-pill-text-color: #174ea6;
--note-background-color: #e9fbe9;
--note-text-color: #000000;
--note-border-color: #52e052;
--tip-background-color: #fcfaee;
--tip-text-color: #000000;
--tip-border-color: #e0cb52;
--important-background-color: #eeeeee;
--important-text-color: #000000;
--important-border-color: #aaaaaa;
--code-block-background-color: #e8edff;
--code-block-text-color: #000000;
--boolean-color: darkred;
--string-color: green;
}
}

@media (prefers-color-scheme: dark) {
:root {
--background-color: #22272e;
--foreground-color: #c5d1de;
--keyboard-input-background-color: #636e7b66;
--keyboard-input-text-color: #c5d1de;
--keyboard-input-border-color: #636e7b66;
--keyboard-input-code-background-color: #ffc4ff;
--keyboard-input-code-text-color: #191970;
--keyboard-input-code-border-color: #f0a4f0;
--keyboard-input-code-selected-background-color: #f0a4f0;
--keyboard-input-code-selected-text-color: #000000;
--table-head-background-color: #2d333b;
--table-head-text-color: #c5d1de;
--table-head-border-color: #444c56;
--table-body-background-color: #22272e;
--table-body-text-color: #c5d1de;
--table-body-border-color: #444c56;
--table-body-selected-background-color: #2d333b;
--table-body-selected-text-color: #c5d1de;
--tag-pill-background-color: #2d333b;
--tag-pill-text-color: #c5d1de;
--note-background-color: #22272e;
--note-text-color: #c5d1de;
--note-border-color: #347d39;
--tip-background-color: #22272e;
--tip-text-color: #c5d1de;
--tip-border-color: #316dca;
--important-background-color: #22272e;
--important-text-color: #c5d1de;
--important-border-color: #8256d0;
--code-block-background-color: #2d333b;
--code-block-text-color: #c5d1de;
--boolean-color: #6cb6ff;
--string-color: #8ddb8c;
}
}

body {
margin: auto;
max-width: 800px;
background-color: var(--background-color);
color: var(--foreground-color);
font-family: sans-serif;
font-size: 16px;
line-height: 1.4;
}

section {
margin-block: 2rem;
}

:is(h1, h2, h3, h4, h5, h6) a:not(:hover, :focus, :active) {
color: inherit;
text-decoration: inherit;
}

:is(h1, h2, h3, h4, h5, h6) a:is(:hover, :focus, :active)::after {
content: "#";
}

.tag-pill {
padding: 0.1em 0.2em;
border-radius: 0.3em;
background-color: var(--tag-pill-background-color);
color: var(--tag-pill-text-color);
cursor: help;
}

p[role="note"] {
background-color: var(--note-background-color);
color: var(--note-text-color);
border-inline-start: 0.5em solid var(--note-border-color);
padding: 0.5em;
}

p[role="tip"] {
background-color: var(--tip-background-color);
color: var(--tip-text-color);
border-inline-start: 0.5em solid var(--tip-border-color);
padding: 0.5em;
}

p[role="important"] {
background-color: var(--important-background-color);
color: var(--important-text-color);
border-inline-start: 0.5em solid var(--important-border-color);
padding: 0.5em;
}

table {
border-collapse: collapse;
width: 100%;
}

thead tr {
background-color: var(--table-head-background-color);
color: var(--table-head-text-color);
border-block-start: 4px solid var(--table-head-border-color);
}

tbody tr {
background-color: var(--table-body-background-color);
color: var(--table-body-text-color);
border-block: 1px solid var(--table-body-border-color);
}

tbody tr:hover {
background-color: var(--table-body-selected-background-color);
color: var(--table-body-selected-text-color);
}

th {
text-align: start;
font-weight: normal;
}

th, td {
padding: 0.4em 1em;
}

kbd {
border: 1px solid;
padding-inline: 2px;
border-radius: 3px;
background-color: var(--keyboard-input-background-color);
color: var(--keyboard-input-text-color);
border-color: var(--keyboard-input-border-color);
}

kbd.code {
background-color: var(--keyboard-input-code-background-color);
color: var(--keyboard-input-code-text-color);
border-color: var(--keyboard-input-code-border-color);
}

kbd.code:hover {
background-color: var(--keyboard-input-code-selected-background-color);
color: var(--keyboard-input-code-selected-text-color);
}

figcaption {
text-align: center;
font-style: italic;
}

.code-block-container {
display: flex;
justify-content: space-between;
margin-block: 1em;
border-radius: 0.3em;
background-color: var(--code-block-background-color);
color: var(--code-block-text-color);
}

.code-block-container pre:has(code) {
margin: 0;
}

pre {
overflow: auto;
}

pre:has(code) {
padding: 0.5em 1em;
border-radius: 0.3em;
background-color: var(--code-block-background-color);
color: var(--code-block-text-color);
}

[data-type="keyword"] {
font-weight: bold;
}

[data-type="boolean"] {
color: var(--boolean-color);
}

[data-type="string"] {
color: var(--string-color);
}
Loading

0 comments on commit 24614ab

Please sign in to comment.