linkwarden/src/styles/index.css

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #1f2c38;
  text-shadow: 0px 1px 2px #000000;
  color: white;
  transition: background-color 0.1s;
}

*::selection {
  background-color: black;
  color: white;
  text-shadow: none;
}

/* Dark Mode settings (Default) */

.dark-light-btn::before {
  content: "";
}

.delete {
  background-color: #1f2c38;
  color: #ffffffb6;
}

.no-results {
  background-color: #1f2c38;
}

.send-btn,
.apply-btn {
  background-color: #273949;
  color: #ffffffb6;
}

.btn:hover,
.send-btn:hover,
.apply-btn:hover {
  background-color: rgb(76, 117, 170);
}

.tags div {
  color: rgb(126, 208, 255);
}

.title {
  color: white;
}

.link {
  color: rgb(194, 193, 193);
}

.btn {
  color: #ffffffb6;
  background-color: #273949;
}

.edit-btn {
  background-color: #1f2c38;
}

.no-results,
.list-row {
  transition: background-color 0.1s;
  background-color: #273949;
}

.search {
  transition: background-color 0.1s;
  background-color: #273949;
  color: white;
}

.filter {
  background-color: #1f2c38;
}

.section > label {
  background-color: #273949;
  color: #ffffffb6;
}

/* Light Mode settings */

.light .dark-light-btn::before {
  content: "";
}

.light {
  text-shadow: 0px 1px 2px #ffffff;
  background-color: rgb(233, 220, 179);
  color: rgb(64, 64, 64);
}

.light .title {
  color: rgb(0, 0, 0);
}

.light .list-row {
  background-color: lightyellow;
}

.light .btn {
  background-color: lightyellow;
  color: gray;
}

.light .delete {
  background-color: lightyellow;
  color: rgb(176, 176, 176);
}

.light input {
  background-color: lightyellow;
  color: black;
}

.light .box,
.light .edit-btn {
  background-color: rgb(233, 220, 179);
}

.light .link {
  color: rgb(102, 102, 102);
}

.light .tags div {
  color: rgb(9, 139, 214);
}

.light .filter {
  background-color: rgb(233, 220, 179);
}

.light .section > label {
  background-color: lightyellow;
  color: #4b4b4bb6;
}

.light .send-btn,
.light .apply-btn {
  background-color: lightyellow;
  color: #717171b6;
}

.light .btn:hover,
.light .send-btn:hover,
.light .apply-btn:hover {
  background-color: rgb(55, 131, 237);
  color: #d8d8d8;
}

.light .no-results {
  background-color: lightyellow;
}