open.source/whoogle-search
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adds nord-light theme

Browse Source 
based on polar:
https://github.com/mtyn/polar
This commit is contained in:
Alexandar Mechev 2020-10-05 17:46:51 +02:00
parent 4d55a56189
commit e85bbf1bdd
No known key found for this signature in database
GPG Key ID: 1B754EA636091772
4 changed files with 82 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
app/static/css/themes/nord-light.css Normal file
View File

@ -0,0 +1,42 @@
html {
background-color: #D8DEE9b3 !important;
}
body {
background-color: #f9fafb !important;
}
div {
/*background-color: #111 !important;*/
color: #3B4252 !important;
}
a:visited h3 div {
color: #A3BE8C !important;
}
a:link h3 div {
color: #4C566A !important;
}
a:link div {
color: #81a1c1 !important;
}
div span {
color: #5E81AC !important;
}
input {
background-color: #f9fafb !important;
color: #3B4252 !important;
}
#search-bar {
color: #4C566A !important;
background-color: #ffffff !important;
}
.search-container {
background-color: #f9fafb !important;
}

35
app/static/css/themes/nord-search-light.css Normal file
View File

@ -0,0 +1,35 @@
.autocomplete {
position: relative;
display: inline-block;
width: 100%;
}
.autocomplete-items {
position: absolute;
border: 1px solid #685e79;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
color: #3B4252;
background-color: #D8DEE9b3;
border-bottom: 1px solid #242424;
}
.autocomplete-items div:hover {
background-color: #404040;
}
.autocomplete-active {
background-color: #685e79 !important;
color: #f9fafb;
}

6
app/templates/display.html
View File

@ -7,14 +7,14 @@
<meta name="referrer" content="no-referrer">
<script type="text/javascript" src="/static/js/autocomplete.js"></script>
{% if theme %}
<link rel="stylesheet" href="/static/css/{{'theme/' if theme else ''}}{{ 'search-dark' if dark_mode else 'search' }}.css" />
<link rel="stylesheet" href="/static/css/{{'theme/' if theme else ''}}{{ 'search-dark' if dark_mode else 'search-light' }}.css" />
{% else %}
<link rel="stylesheet" href="/static/css/{{ 'dark-' if dark_mode else '' }}theme.css" />
<link rel="stylesheet" href="/static/css/{{ 'search-dark' if dark_mode else 'search-light' }}.css">
{% endif %}
<link rel="stylesheet" href="/static/css/{{ 'search-dark' if dark_mode else 'search' }}.css">
<link rel="stylesheet" href="/static/css/header.css">
{% if theme %}
<link rel="stylesheet" href="/static/css/themes/{{theme}}{{ '-dark' if dark_mode else '' }}.css" />
<link rel="stylesheet" href="/static/css/themes/{{theme}}{{ '-dark' if dark_mode else '-light' }}.css" />
{% else %}
<link rel="stylesheet" href="/static/css/{{ 'dark-' if dark_mode else '' }}theme.css" />
{% endif %}

4
app/templates/index.html
View File

@ -25,12 +25,12 @@
<link rel="stylesheet" href="/static/css/main.css">
{% if config['theme'] %}
<link rel="stylesheet"
href="/static/css/themes/{{config['theme']}}{{ '-search-dark' if config['dark'] else '-search' }}.css" />
href="/static/css/themes/{{config['theme']}}{{ '-search-dark' if config['dark'] else '-search-light' }}.css" />
{% else %}
<link rel="stylesheet" href="/static/css/{{ 'dark-' if config['dark'] else '' }}theme.css" />
{% endif %}
{% if config['theme'] %}
<link rel="stylesheet" href="/static/css/themes/{{config['theme']}}{{ '-dark' if config['dark'] else '' }}.css" />
<link rel="stylesheet" href="/static/css/themes/{{config['theme']}}{{ '-dark' if config['dark'] else '-light' }}.css" />
{% else %}
<link rel="stylesheet" href="/static/css/{{ 'dark-' if config['dark'] else '' }}theme.css" />
{% endif %}