771bf34ce9
This introduces a new UI element for displaying the client IP address when a search for "my ip" is used. Note that this does not show the IP address seen by Google if Whoogle is deployed remotely. It uses `request.remote_addr` to display the client IP address in the UI, not the actual address of the server (which is what Google sees in requests sent from remote Whoogle instances).
181 lines
3.4 KiB
CSS
181 lines
3.4 KiB
CSS
html {
|
|
background: var(--whoogle-page-bg) !important;
|
|
}
|
|
|
|
body {
|
|
background: var(--whoogle-page-bg) !important;
|
|
}
|
|
|
|
div {
|
|
color: var(--whoogle-text) !important;
|
|
}
|
|
|
|
label {
|
|
color: var(--whoogle-contrast-text) !important;
|
|
}
|
|
|
|
li a {
|
|
color: var(--whoogle-result-url) !important;
|
|
}
|
|
|
|
li {
|
|
color: var(--whoogle-text) !important;
|
|
}
|
|
|
|
textarea {
|
|
background: var(--whoogle-page-bg) !important;
|
|
color: var(--whoogle-text) !important;
|
|
}
|
|
|
|
select {
|
|
background: var(--whoogle-page-bg) !important;
|
|
color: var(--whoogle-text) !important;
|
|
}
|
|
|
|
.ZINbbc {
|
|
overflow: hidden;
|
|
background-color: var(--whoogle-result-bg) !important;
|
|
}
|
|
|
|
.BVG0Nb {
|
|
background-color: var(--whoogle-result-bg) !important;
|
|
}
|
|
|
|
.bRsWnc {
|
|
background-color: var(--whoogle-result-bg) !important;
|
|
}
|
|
|
|
.x54gtf {
|
|
background-color: var(--whoogle-divider) !important;
|
|
}
|
|
|
|
.Q0HXG {
|
|
background-color: var(--whoogle-divider) !important;
|
|
}
|
|
|
|
.LKSyXe {
|
|
background-color: var(--whoogle-divider) !important;
|
|
}
|
|
|
|
|
|
a:visited h3 div {
|
|
color: var(--whoogle-result-visited) !important;
|
|
}
|
|
|
|
a:link h3 div {
|
|
color: var(--whoogle-result-title) !important;
|
|
}
|
|
|
|
a:link div {
|
|
color: var(--whoogle-result-url) !important;
|
|
}
|
|
|
|
div span {
|
|
color: var(--whoogle-secondary-text) !important;
|
|
}
|
|
|
|
input {
|
|
background-color: var(--whoogle-page-bg) !important;
|
|
color: var(--whoogle-text) !important;
|
|
}
|
|
|
|
#search-bar {
|
|
color: var(--whoogle-text) !important;
|
|
background-color: var(--whoogle-page-bg);
|
|
}
|
|
|
|
.home-search {
|
|
border-color: var(--whoogle-element-bg) !important;
|
|
}
|
|
|
|
.search-container {
|
|
background-color: var(--whoogle-page-bg) !important;
|
|
}
|
|
|
|
#search-submit {
|
|
border: 1px solid var(--whoogle-element-bg) !important;
|
|
background: var(--whoogle-element-bg) !important;
|
|
color: var(--whoogle-contrast-text) !important;
|
|
}
|
|
|
|
.info-text {
|
|
color: var(--whoogle-contrast-text) !important;
|
|
opacity: 75%;
|
|
}
|
|
|
|
.collapsible {
|
|
color: var(--whoogle-text) !important;
|
|
}
|
|
|
|
.collapsible:after {
|
|
color: var(--whoogle-text);
|
|
}
|
|
|
|
.active {
|
|
background-color: var(--whoogle-element-bg) !important;
|
|
color: var(--whoogle-contrast-text) !important;
|
|
}
|
|
|
|
.content {
|
|
background-color: var(--whoogle-element-bg) !important;
|
|
color: var(--whoogle-contrast-text) !important;
|
|
}
|
|
|
|
.active:after {
|
|
color: var(--whoogle-contrast-text);
|
|
}
|
|
|
|
#gh-link {
|
|
color: var(--whoogle-element-bg);
|
|
}
|
|
|
|
.autocomplete-items {
|
|
border: 1px solid var(--whoogle-element-bg);
|
|
}
|
|
|
|
.autocomplete-items div {
|
|
background-color: var(--whoogle-page-bg);
|
|
border-bottom: 1px solid var(--whoogle-element-bg);
|
|
}
|
|
|
|
.autocomplete-items div:hover {
|
|
background-color: var(--whoogle-element-bg);
|
|
color: var(--whoogle-contrast-text) !important;
|
|
}
|
|
|
|
.autocomplete-active {
|
|
background-color: var(--whoogle-element-bg) !important;
|
|
color: var(--whoogle-contrast-text) !important;
|
|
}
|
|
|
|
.footer {
|
|
color: var(--whoogle-text);
|
|
}
|
|
|
|
path {
|
|
fill: var(--whoogle-logo);
|
|
}
|
|
|
|
.header-div {
|
|
background-color: var(--whoogle-result-bg) !important;
|
|
}
|
|
|
|
#search-reset {
|
|
color: var(--whoogle-text) !important;
|
|
}
|
|
|
|
.mobile-search-bar {
|
|
background-color: var(--whoogle-result-bg) !important;
|
|
color: var(--whoogle-text) !important;
|
|
}
|
|
|
|
.search-bar-desktop {
|
|
background-color: var(--whoogle-result-bg) !important;
|
|
color: var(--whoogle-text);
|
|
border-bottom: 0px;
|
|
}
|
|
|
|
.ip-text-div{
|
|
color: var(--whoogle-secondary-text) !important;
|
|
}
|