whoogle-search/app/static/css/dark-theme.css
Ben Busby f56e913521
Remove gap between input and result types
Enforces 0 margin for the search input form on the result page, which
removes the weird gap that is seen by default.

Also made minor changes to the border styling. Desktop searches now have
a single bottom border in dark mode rather than an all around border,
and the border around the mobile search result input was removed
entirely.
2021-04-22 16:24:43 -04:00

137 lines
2.8 KiB
CSS

html {
background: var(--whoogle-dark-page-bg) !important;
}
body {
background: var(--whoogle-dark-page-bg) !important;
}
div {
color: var(--whoogle-dark-text) !important;
}
label {
color: var(--whoogle-dark-contrast-text) !important;
}
li a {
color: var(--whoogle-dark-result-url) !important;
}
li {
color: var(--whoogle-dark-text) !important;
}
textarea {
background: var(--whoogle-dark-page-bg) !important;
color: var(--whoogle-dark-text) !important;
}
a:visited h3 div {
color: var(--whoogle-dark-result-visited) !important;
}
a:link h3 div {
color: var(--whoogle-dark-result-title) !important;
}
a:link div {
color: var(--whoogle-dark-result-url) !important;
}
div span {
color: var(--whoogle-dark-secondary-text) !important;
}
input {
background-color: var(--whoogle-dark-page-bg) !important;
color: var(--whoogle-dark-text) !important;
}
select {
background: var(--whoogle-dark-page-bg) !important;
color: var(--whoogle-dark-text) !important;
}
.search-container {
background-color: var(--whoogle-dark-page-bg) !important;
}
.ZINbbc {
background-color: var(--whoogle-dark-result-bg) !important;
}
.bRsWnc {
background-color: var(--whoogle-dark-result-bg) !important;
}
.BVG0Nb {
background-color: var(--whoogle-dark-page-bg) !important;
}
#search-bar {
border-color: var(--whoogle-dark-element-bg) !important;
color: var(--whoogle-dark-text) !important;
}
#search-bar:focus {
color: var(--whoogle-dark-text) !important;
}
#search-submit {
border: 1px solid var(--whoogle-dark-element-bg) !important;
background: var(--whoogle-dark-element-bg) !important;
color: var(--whoogle-dark-contrast-text) !important;
}
.info-text {
color: var(--whoogle-dark-contrast-text) !important;
opacity: 75%;
}
.collapsible {
color: var(--whoogle-dark-text);
}
.collapsible:after {
color: var(--whoogle-dark-text);
}
.active {
background-color: var(--whoogle-dark-element-bg) !important;
color: var(--whoogle-dark-contrast-text) !important;
}
.content {
background-color: var(--whoogle-dark-element-bg) !important;
color: var(--whoogle-contrast-text) !important;
}
.active:after {
color: var(--whoogle-dark-contrast-text) !important;
}
#gh-link {
color: var(--whoogle-dark-contrast-text);
}
.autocomplete-items {
border: 1px solid var(--whoogle-dark-element-bg);
}
.autocomplete-items div {
color: var(--whoogle-dark-text);
background-color: var(--whoogle-dark-page-bg);
border-bottom: 1px solid var(--whoogle-dark-element-bg);
}
.autocomplete-items div:hover {
background-color: var(--whoogle-dark-element-bg);
color: var(--whoogle-dark-contrast-text) !important;
}
.autocomplete-active {
background-color: var(--whoogle-dark-element-bg) !important;
color: var(--whoogle-dark-contrast-text) !important;
}