diff --git a/app/static/css/header.css b/app/static/css/header.css index 9357831..58621d7 100644 --- a/app/static/css/header.css +++ b/app/static/css/header.css @@ -167,8 +167,8 @@ a { } span.header-tab-span { - border-bottom: 2px solid #4285f4; - color: #4285f4; + border-bottom: 2px solid #e307d6; + color: #e307d6; font-weight: bold; } diff --git a/app/static/css/loli-theme.css b/app/static/css/loli-theme.css new file mode 100644 index 0000000..5bd88b6 --- /dev/null +++ b/app/static/css/loli-theme.css @@ -0,0 +1,218 @@ +html { + background: var(--whoogle-loli-page-bg) !important; +} + +body { + background: var(--whoogle-loli-page-bg) !important; +} + +div { + color: var(--whoogle-loli-text) !important; +} + +label { + color: var(--whoogle-loli-contrast-text) !important; +} + +li a { + color: var(--whoogle-loli-result-url) !important; +} + +li { + color: var(--whoogle-loli-text) !important; +} + +.anon-view { + color: var(--whoogle-loli-text) !important; + text-decoration: underline; +} + +textarea { + background: var(--whoogle-loli-page-bg) !important; + color: var(--whoogle-loli-text) !important; +} + +a:visited h3 div { + color: var(--whoogle-loli-result-visited) !important; +} + +a:link h3 div { + color: var(--whoogle-loli-result-title) !important; +} + +a:link div { + color: var(--whoogle-loli-result-url) !important; +} + +div span { + color: var(--whoogle-loli-secondary-text) !important; +} + +input { + background-color: var(--whoogle-loli-page-bg) !important; + color: var(--whoogle-loli-text) !important; +} + +select { + background: var(--whoogle-loli-page-bg) !important; + color: var(--whoogle-loli-text) !important; +} + +.search-container { + background-color: var(--whoogle-loli-page-bg) !important; +} + +.ZINbbc { + overflow: hidden; + box-shadow: 0 0 0 0 !important; + background-color: var(--whoogle-loli-result-bg) !important; + margin-bottom: 10px !important; + border-radius: 8px !important; +} + +.KP7LCb { + box-shadow: 0 0 0 0 !important; +} + +.BVG0Nb { + box-shadow: 0 0 0 0 !important; + background-color: var(--whoogle-loli-page-bg) !important; +} + +.ZINbbc.luh4tb { + background: var(--whoogle-loli-result-bg) !important; + margin-bottom: 24px !important; +} + +.bRsWnc { + background-color: var(--whoogle-loli-result-bg) !important; +} + +.x54gtf { + background-color: var(--whoogle-loli-divider) !important; +} + +.Q0HXG { + background-color: var(--whoogle-loli-divider) !important; +} + +.LKSyXe { + background-color: var(--whoogle-loli-divider) !important; +} + +.home-search { + border-color: var(--whoogle-loli-element-bg) !important; +} + +.sa1toc { + background: var(--whoogle-loli-page-bg) !important; +} + +#search-bar { + border-color: var(--whoogle-loli-element-bg) !important; + color: var(--whoogle-loli-text) !important; + background-color: var(--whoogle-loli-result-bg) !important; + border-bottom: 2px solid var(--whoogle-loli-element-bg); +} + +#search-bar:focus { + color: var(--whoogle-loli-text) !important; +} + +#search-submit { + border: 1px solid var(--whoogle-loli-element-bg) !important; + background: var(--whoogle-loli-element-bg) !important; + color: var(--whoogle-loli-contrast-text) !important; +} + +.info-text { + color: var(--whoogle-loli-contrast-text) !important; + opacity: 75%; +} + +.collapsible { + color: var(--whoogle-loli-text) !important; +} + +.collapsible:after { + color: var(--whoogle-loli-text) !important; +} + +.active { + background-color: var(--whoogle-loli-element-bg) !important; + color: var(--whoogle-loli-contrast-text) !important; +} + +.content, .result-config { + background-color: var(--whoogle-loli-element-bg) !important; + color: var(--whoogle-contrast-text) !important; +} + +.active:after { + color: var(--whoogle-loli-contrast-text) !important; +} + +.link { + color: var(--whoogle-loli-contrast-text); +} + +.link-color { + color: var(--whoogle-loli-result-url) !important; +} + +.autocomplete-items { + border: 1px solid var(--whoogle-loli-element-bg); +} + +.autocomplete-items div { + color: var(--whoogle-loli-text); + background-color: var(--whoogle-loli-page-bg); + border-bottom: 1px solid var(--whoogle-loli-element-bg); +} + +.autocomplete-items div:hover { + background-color: var(--whoogle-loli-element-bg); + color: var(--whoogle-loli-contrast-text) !important; +} + +.autocomplete-active { + background-color: var(--whoogle-loli-element-bg) !important; + color: var(--whoogle-loli-contrast-text) !important; +} + +.footer { + color: var(--whoogle-loli-text); +} + +path { + fill: var(--whoogle-loli-logo); +} + +.header-div { + background-color: var(--whoogle-loli-result-bg) !important; +} + +#search-reset { + color: var(--whoogle-loli-text) !important; +} + +.mobile-search-bar { + background-color: var(--whoogle-loli-result-bg) !important; + color: var(--whoogle-loli-text) !important; +} + +.search-bar-desktop { + color: var(--whoogle-loli-text) !important; +} + +.ip-text-div, .update_available, .cb_label, .cb { + color: var(--whoogle-loli-secondary-text) !important; +} + +.cb:focus { + color: var(--whoogle-loli-contrast-text) !important; +} + +.desktop-header, .mobile-header { + background-color: var(--whoogle-loli-result-bg) !important; +} diff --git a/app/static/css/main.css b/app/static/css/main.css index d2dd76c..29bd96d 100644 --- a/app/static/css/main.css +++ b/app/static/css/main.css @@ -2,7 +2,7 @@ body { font-family: Avenir, Helvetica, Arial, sans-serif; } -.logo { +.owacon-logo, .logo { width: 80%; display: block; margin: auto; diff --git a/app/static/css/search.css b/app/static/css/search.css index 121026a..8c9655e 100644 --- a/app/static/css/search.css +++ b/app/static/css/search.css @@ -3,6 +3,10 @@ body { margin: auto !important; } +.owacon-logo { + width: 30%; +} + .vvjwJb { font-size: 16px !important; } diff --git a/app/static/css/variables.css b/app/static/css/variables.css index e53d157..700a28d 100644 --- a/app/static/css/variables.css +++ b/app/static/css/variables.css @@ -23,6 +23,18 @@ --whoogle-dark-result-title: #64a7f6; --whoogle-dark-result-url: #34a853; --whoogle-dark-result-visited: #bbbbff; + + /* LOLI THEME COLORS */ + --whoogle-loli-logo: #795e70; + --whoogle-loli-page-bg: #20101e; + --whoogle-loli-element-bg: #e307d6; + --whoogle-loli-text: #fcfcfc; + --whoogle-loli-contrast-text: #fcfcfc; + --whoogle-loli-secondary-text: #cacaca; + --whoogle-loli-result-bg: #312131; + --whoogle-loli-result-title: #f664e6; + --whoogle-loli-result-url: #34a853; + --whoogle-loli-result-visited: #ffbbf8; } #whoogle-w { diff --git a/app/static/img/owacon.png b/app/static/img/owacon.png new file mode 100644 index 0000000..ff1bc8c Binary files /dev/null and b/app/static/img/owacon.png differ diff --git a/app/static/settings/themes.json b/app/static/settings/themes.json index eee503d..06e6ad5 100644 --- a/app/static/settings/themes.json +++ b/app/static/settings/themes.json @@ -1,4 +1,5 @@ [ + "loli", "light", "dark", "system" diff --git a/app/static/settings/translations.json b/app/static/settings/translations.json index b23b0c1..391d7e1 100644 --- a/app/static/settings/translations.json +++ b/app/static/settings/translations.json @@ -37,6 +37,7 @@ "save-as": "Save As...", "github-link": "View on GitHub", "translate": "translate", + "loli": "loli", "light": "light", "dark": "dark", "system": "system", @@ -91,6 +92,7 @@ "save-as": "Opslaan Als...", "github-link": "Bekijk op GitHub", "translate": "vertalen", + "loli": "loli", "light": "helder", "dark": "donker", "system": "systeeminstellingen", @@ -147,6 +149,7 @@ "save-as": "Speichern unter...", "github-link": "Auf GitHub öffnen", "translate": "Übersetzen", + "loli": "loli", "light": "hell", "dark": "dunkel", "system": "Systemeinstellung", @@ -203,6 +206,7 @@ "save-as": "Guardar como...", "github-link": "Ver en GitHub", "translate": "traducir", + "loli": "loli", "light": "brillante", "dark": "oscuro", "system": "configuración del sistema", @@ -261,6 +265,7 @@ "save-as": "Simpan Sebagai...", "github-link": "Lihat di GitHub", "translate": "terjemahkan", + "loli": "loli", "light": "terang", "dark": "gelap", "system": "sistem", @@ -315,6 +320,7 @@ "save-as": "Salva Come...", "github-link": "Guarda su GitHub", "translate": "tradurre", + "loli": "loli", "light": "luminoso", "dark": "notte", "system": "impostazioni di sistema", @@ -371,6 +377,7 @@ "save-as": "Guardar Como...", "github-link": "Ver no GitHub", "translate": "traduzir", + "loli": "loli", "light": "brilhante", "dark": "escuro", "system": "configuração de sistema", @@ -427,6 +434,7 @@ "save-as": "Сохранить как...", "github-link": "Посмотреть на GitHub", "translate": "перевести", + "loli": "loli", "light": "светлая", "dark": "тёмная", "system": "системная", @@ -483,6 +491,7 @@ "save-as": "另存为...", "github-link": "在 GitHub 上查看", "translate": "翻译", + "loli": "loli", "light": "明亮的", "dark": "黑暗的", "system": "系统设置", @@ -539,6 +548,7 @@ "save-as": "...ලෙස සුරකින්න", "github-link": "ගිට්හබ් හි බලන්න", "translate": "පරිවර්තනය කරන්න", + "loli": "loli", "light": "දීප්තිමත්", "dark": "අඳුරු", "system": "පද්ධතිය", @@ -595,6 +605,7 @@ "save-as": "Sauvegarder comme...", "github-link": "Voir sur GitHub", "translate": "Traduire", + "loli": "loli", "light": "clair", "dark": "sombre", "system": "système", @@ -651,6 +662,7 @@ "save-as": "ذخیره به عنوان...", "github-link": "نمایش در گیت‌هاب", "translate": "ترجمه", + "loli": "loli", "light": "روشن", "dark": "تیره", "system": "سیستم", @@ -707,6 +719,7 @@ "save-as": "Uložit jako...", "github-link": "Zobrazit na GitHub", "translate": "Přeložit", + "loli": "loli", "light": "Světlý", "dark": "Tmavý", "system": "Systémový", @@ -765,6 +778,7 @@ "save-as": "另存為...", "github-link": "在 GitHub 上檢視", "translate": "翻譯", + "loli": "loli", "light": "明亮的", "dark": "黑暗的", "system": "依照系統設定", @@ -819,6 +833,7 @@ "save-as": "Запис като...", "github-link": "Вижте в GitHub", "translate": "превод", + "loli": "loli", "light": "светла", "dark": "тъмна", "system": "системна", @@ -875,6 +890,7 @@ "save-as": "के रूप रक्षित करें...", "github-link": "गिटहब पर देखें", "translate": "अनुवाद करना", + "loli": "loli", "light": "रोशनी", "dark": "अंधेरा", "system": "प्रणाली", @@ -931,6 +947,7 @@ "save-as": "名前を付けて保存", "github-link": "Githubで確認", "translate": "翻訳", + "loli": "ロリ", "light": "ライト", "dark": "ダーク", "system": "自動", @@ -987,6 +1004,7 @@ "save-as": "다른 이름으로 저장...", "github-link": "깃허브에서 보기", "translate": "번역", + "loli": "loli", "light": "라이트", "dark": "다크", "system": "시스템", @@ -1043,6 +1061,7 @@ "save-as": "Biparêze wekî...", "github-link": "Li ser GitHub Nîşan bide", "translate": "werger", + "loli": "loli", "light": "ronî", "dark": "tarî", "system": "pergal", @@ -1099,6 +1118,7 @@ "save-as": "บันทึกเป็น...", "github-link": "ดูบน GitHub", "translate": "แปลภาษา", + "loli": "loli", "light": "สว่าง", "dark": "มืด", "system": "ระบบ", @@ -1155,6 +1175,7 @@ "save-as": "Cadw Fel...", "github-link": "Gweld ar GitHub", "translate": "cyfieithu", + "loli": "loli", "light": "golau", "dark": "tywyll", "system": "system", @@ -1213,6 +1234,7 @@ "save-as": "Fərqli Saxla...", "github-link": "GitHub-da baxın", "translate": "tərcümə", + "loli": "loli", "light": "işıqlı", "dark": "qaranlıq", "system": "sistem", @@ -1269,6 +1291,7 @@ "save-as": "Save As...", "github-link": "View on GitHub", "translate": "translate", + "loli": "loli", "light": "light", "dark": "dark", "system": "system", diff --git a/app/templates/display.html b/app/templates/display.html index 686fc2b..e09ba22 100644 --- a/app/templates/display.html +++ b/app/templates/display.html @@ -3,9 +3,9 @@ {% if not search_type %} - + {% else %} - + {% endif %} @@ -26,7 +26,7 @@ {% endif %} - {{ clean_query(query) }} - Whoogle Search + {{ clean_query(query) }} - オワコン検索 {{ search_header|safe }} diff --git a/app/templates/footer.html b/app/templates/footer.html index f9ed4cc..19c56f2 100644 --- a/app/templates/footer.html +++ b/app/templates/footer.html @@ -1,7 +1,8 @@