maxmilton/new-tab

View on GitHub
src/css/themes/hacker-terminal.xcss

Summary

Maintainability
Test Coverage
/**
 * Hacker Terminal Theme
 */

:root {
  --s: 0 0 0 1px #1b6225; // shadow
  --b: #001104; // background
  --t: #4cd761; // text
  --c1: #113321; // bookmark node hover background, hr, button border, search input border
  --c2: #001104; // bookmarks bar, menu dropdown, "load more" button
  --c3: #4cd761; // icons, empty folder text, text fallback (headings, etc.)

  color-scheme: dark;
}

* {
  font-family: monospace;
  font-weight: normal;
}

img {
  filter: sepia(1) saturate(5) hue-rotate(45deg);
}

svg {
  stroke-width: 1.5px;
}

button,
#s {
  border-radius: 0;
}

// TODO: Uncomment once supported in Chromium
//  ↳ https://www.w3.org/TR/2020/WD-css-ui-4-20200124/#propdef-caret-shape
//  ↳ https://developer.mozilla.org/en-US/docs/Web/CSS/caret-shape
//  ↳ https://github.com/Fyrd/caniuse/issues/5974
// #s {
//   caret-shape: block;
// }

::placeholder {
  color: transparent;
}

button,
.f,
#s {
  color: #b2fb99;
}