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

single theme file

Browse Source
This commit is contained in:
Alexandar Mechev 2020-10-14 18:47:27 +02:00
parent a8921a736e
commit ab0547ad13
No known key found for this signature in database
GPG Key ID: 1B754EA636091772
10 changed files with 15 additions and 196 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
app/static/css/themes/nord-dark.css
View File

@ -1,52 +0,0 @@
html {
background-color: #292E39 !important;
}
body {
background-color: #292E39 !important;
}
div {
/*background-color: #111 !important;*/
color: #ECEFF4 !important;
}
a:visited h3 div {
color: #ECEFF4 !important;
}
a:link h3 div {
color: #88C0D0 !important;
}
a:link div {
color: #8FBCBB !important;
}
div span {
color: #81A1C1 !important;
}
input {
background-color: #292E39 !important;
color: #ECEFF4 !important;
}
#search-bar {
color: #ECEFF4 !important;
background-color: #292E39 !important;
}
.search-container {
background-color: #292E39 !important;
}
footer {
background-color: #292E39 !important;
color: #ECEFF4;
}
.reskin {
background-color: #2E3440;
color: #ECEFF4;
}

35
app/static/css/themes/nord-search-dark.css
View File

@ -1,35 +0,0 @@
.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: #fff;
background-color: #292E39;
border-bottom: 1px solid #242424;
}
.autocomplete-items div:hover {
background-color: #404040;
}
.autocomplete-active {
background-color: #685e79 !important;
color: #ffffff;
}

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

@ -1,35 +0,0 @@
.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;
}

9
app/static/css/themes/whoogle-search-dark.css → app/static/css/themes/nord-search.css
View File

@ -20,16 +20,17 @@
.autocomplete-items div {
padding: 10px;
cursor: pointer;
color: #fff;
background-color: #000;
color: #3B4252 !important;
background-color: #ECEFF4 !important;
border-bottom: 1px solid #242424;
}
.autocomplete-items div:hover {
background-color: #404040;
background-color: #4C566A !important;
color: #ECEFF4 !important;
}
.autocomplete-active {
background-color: #685e79 !important;
color: #ffffff;
color: #f9fafb !important;
}

12
app/static/css/themes/nord-light.css → app/static/css/themes/nord.css
View File

@ -2,12 +2,8 @@ html {
background-color: #D8DEE9b3 !important;
}
body {
background-color: #f9fafb !important;
}
div {
/*background-color: #111 !important;*/
/*background-color: #D8DEE9b3 !important;*/
color: #3B4252 !important;
}
@ -37,12 +33,8 @@ input {
background-color: #ffffff !important;
}
.search-container {
background-color: #f9fafb !important;
}
footer {
background-color: #f9fafb !important;
background-color: #ECEFF4 !important;
color: #3B4252;
}

47
app/static/css/themes/whoogle-dark.css
View File

@ -1,47 +0,0 @@
html {
background-color: #000 !important;
}
body {
background-color: #222 !important;
}
div {
/*background-color: #111 !important;*/
color: #fff !important;
}
a:visited h3 div {
color: #bbbbff !important;
}
a:link h3 div {
color: #4b8eea !important;
}
a:link div {
color: #aaffaa !important;
}
div span {
color: #bbb !important;
}
input {
background-color: #111 !important;
color: #fff !important;
}
#search-bar {
color: #fff !important;
background-color: #000 !important;
}
.search-container {
background-color: #000 !important;
}
.reskin {
background-color: #000;
color: #fff;
}

0
app/static/css/search.css → app/static/css/themes/whoogle-search.css
View File

0
app/static/css/themes/whoogle.css Normal file
View File

10
app/templates/display.html
View File

@ -7,17 +7,13 @@
<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-light' }}.css" />
<link rel="stylesheet" href="/static/css/themes{{ theme }}.css" />
<link rel="stylesheet" href="/static/css/themes{{ theme }}-search.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/header.css">
{% if theme %}
<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 %}
<title>{{ query }} - Whoogle Search</title>
</head>
<body>
@ -26,7 +22,7 @@
</body>
<footer>
<p>
Whoogle Search v{{ version_number }} ||
Whoogle Search v{{ dark_mode }} ||
<a style="color: #685e79" href="https://github.com/benbusby/whoogle-search">View on GitHub</a>
</p>
</footer>

11
app/templates/index.html
View File

@ -23,20 +23,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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-light' }}.css" />
<link rel="stylesheet" href="/static/css/themes/{{config['theme']}}-search.css" />
{% else %}
<link rel="stylesheet" href="/static/css/{{ 'dark-' if config['dark'] else '' }}theme.css" />
<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 '-light' }}.css" />
<link rel="stylesheet" href="/static/css/themes/{{config['theme']}}.css" />
{% else %}
<link rel="stylesheet" href="/static/css/{{ 'dark-' if config['dark'] else '' }}theme.css" />
<link rel="stylesheet" href="/static/css/{{ 'dark-' if config['dark'] else '' }}theme.css" />
{% endif %}
<title>Whoogle Search</title>
</head>
<body id="main" style="display: none; background-color: {{ '#ECEFF4' if config.dark else '#fff' }}">
<body id="main" style="display: none;">
<div class="search-container">
<img class="logo" src="/static/img/logo.png">
<form id="search-form" action="/search" method="{{ 'get' if config.get_only else 'post' }}">