mirror of
https://github.com/benbusby/whoogle-search
synced 2024-11-02 21:40:25 +00:00
7bea6349a0
This implements a method for converting between various currencies. When a user searches "<currency A> to <currency B>" (including when prefixed by a specific amount), they are now presented with a table for quickly converting between the two. This makes use of the currency ratio returned as the first "card" in currency related searches, and the table is inserted into this same card.
197 lines
4.1 KiB
CSS
197 lines
4.1 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 {
|
|
overflow: hidden;
|
|
background-color: var(--whoogle-dark-result-bg) !important;
|
|
}
|
|
|
|
.BVG0Nb {
|
|
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;
|
|
}
|
|
|
|
.x54gtf {
|
|
background-color: var(--whoogle-dark-divider) !important;
|
|
}
|
|
|
|
.Q0HXG {
|
|
background-color: var(--whoogle-dark-divider) !important;
|
|
}
|
|
|
|
.LKSyXe {
|
|
background-color: var(--whoogle-dark-divider) !important;
|
|
}
|
|
|
|
.home-search {
|
|
border-color: var(--whoogle-dark-element-bg) !important;
|
|
}
|
|
|
|
.sa1toc {
|
|
background: var(--whoogle-dark-element-bg) !important;
|
|
}
|
|
|
|
#search-bar {
|
|
border-color: var(--whoogle-dark-element-bg) !important;
|
|
color: var(--whoogle-dark-text) !important;
|
|
background-color: var(--whoogle-dark-result-bg) !important;
|
|
border-bottom: 2px solid var(--whoogle-dark-element-bg);
|
|
}
|
|
|
|
#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) !important;
|
|
}
|
|
|
|
.collapsible:after {
|
|
color: var(--whoogle-dark-text) !important;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.footer {
|
|
color: var(--whoogle-dark-text);
|
|
}
|
|
|
|
path {
|
|
fill: var(--whoogle-dark-logo);
|
|
}
|
|
|
|
.header-div {
|
|
background-color: var(--whoogle-dark-result-bg) !important;
|
|
}
|
|
|
|
#search-reset {
|
|
color: var(--whoogle-dark-text) !important;
|
|
}
|
|
|
|
.mobile-search-bar {
|
|
background-color: var(--whoogle-dark-result-bg) !important;
|
|
color: var(--whoogle-dark-text) !important;
|
|
}
|
|
|
|
.search-bar-desktop {
|
|
color: var(--whoogle-dark-text) !important;
|
|
}
|
|
|
|
.ip-text-div, .update_available, .cb_label, .cb {
|
|
color: var(--whoogle-dark-secondary-text) !important;
|
|
}
|
|
|
|
.cb:focus {
|
|
color: var(--whoogle-dark-contrast-text) !important;
|
|
}
|