changing color palette to onedark, replacing bing with brave search engine, changing timezone and weather location

README.md

@@ -1,19 +0,0 @@
-<div align="center">
-<h1>Minimal Startpage</h1>
-<h4>Just another minimal startpage for browsers.</h4>
-</div>
-
-<img src=".github/startpage.gif">
-
-<div align="center">
-<br>
-<img src="https://img.shields.io/badge/Maintained%3F-Yes-blueviolet?style=for-the-badge">
-<a href="LICENSE.md"><img src="https://img.shields.io/badge/License-MIT-pink.svg?style=for-the-badge"></a> <a href="http://makeapullrequest.com"><img src="https://img.shields.io/badge/PRs-welcome-lightblue.svg?style=for-the-badge"></a> <img src="https://img.shields.io/badge/supports-chrome-lightgreen.svg?style=for-the-badge"> <img src="https://img.shields.io/badge/supports-firefox-orange.svg?style=for-the-badge"><a href="https://www.paypal.me/deepjyoti30" target="_blank"><img alt="undefined" src="https://img.shields.io/badge/paypal-deepjyoti30-blue?style=for-the-badge&logo=paypal"></a>
-<a href="https://ko-fi.com/deepjyoti30" target="_blank"><img alt="undefined" src="https://img.shields.io/badge/KoFi-deepjyoti30-red?style=for-the-badge&logo=ko-fi"></a> 
-
-
-<br>
-<h3>
-<a href="https://github.com/deepjyoti30/startpage/wiki/Installation">Installation</a> | <a href="https://github.com/deepjyoti30/startpage/wiki/Configuration">Configuration</a> | <a href="https://github.com/deepjyoti30/startpage/wiki">Wiki</a>
-</h3>
-</div>

config.json

@@ -1,7 +1,7 @@
 {
   "squares": [
     { "name": "media",
-      "color": "red",
+      "color": "#61afef",
       "links": [
         { "name": "Spotify", "url": "https://open.spotify.com/" },
         { "name": "YoutubeMusic", "url": "https://music.youtube.com/" },
@@ -10,7 +10,7 @@
       ]
     },
     { "name": "work",
-      "color": "#26A69A",
+      "color": "#e06c75",
       "links": [
         { "name": "Github", "url": "https://github.com" },
         { "name": "Heroku", "url": "http://heroku.com/" },
@@ -18,6 +18,7 @@
       ]
     },
     { "name": "social",
+      "color": "#e5c07b",
       "links": [
         { "name": "Reddit", "url": "https://reddit.com" },
         { "name": "Unixporn Love", "url": "https://deepjyoti30.github.io/unixporn-love/" },
@@ -27,6 +28,7 @@
     },
     {
       "name": "Others",
+      "color": "#98c379",
       "links": [
         {"name": "Material Colors", "url": "http://materialuicolors.co/"},
         {"name": "Gmail", "url": "http://gmail.com/"},
@@ -35,29 +37,29 @@
       ]
     }
   ],
-  "searchEngine":"DuckDuckGo",
+  "searchEngine":"Brave",
-  "user": "Deepjyoti",
+  "user": "Pirate",
   "disableMessage": false,
   "disableDate": false,
   "disableSearchBar": false,
-  "disable24Hour": false,
+  "disable24Hour": true,
-  "disableWeather": true,
+  "disableWeather": false,
-  "timeZone": "America/Los_Angeles",
+  "timeZone": "Africa/Cairo",
   "weatherConf": {
-    "location": "Pune India",
+    "location": "Giza Egypt",
     "unit": "cel"
   },
   "settingsIcon": false,
   "style": {
-    "backgroundColor": "#212121",
+    "backgroundColor": "#282c34",
     "messageColor": "#fff",
     "dateColor": "#d9d9d9",
     "lineColor": "#fff",
     "weatherColor": "#d9d9d9",
     "searchColor": "#fff",
-    "searchBackgroundColor": "#2e2e2e",
+    "searchBackgroundColor": "#1e222a",
     "squareColor": "#9e9e9e",
-    "squareBackgroundColor": "#2e2e2e",
+    "squareBackgroundColor": "#1e222a",
     "autocompleteHighlightBackgroundColor": "#3B3B3B"
   }
 }

js/main.js

@@ -33,7 +33,7 @@ bgClassContainer = [
 searchEngines = {
     "Google": "https://www.google.com/search?q=",
     "DuckDuckGo": "https://duckduckgo.com/?q=",
-    "Bing": "https://www.bing.com/search?q=",
+    "Brave": "https://search.brave.com/search?q=",
     "Yahoo": "https://search.yahoo.com/search?p=",
     "Ecosia": "https://www.ecosia.org/search?q="
 }
@@ -71,7 +71,7 @@ function initSearchBar(jsonData) {
         searchEngine = "Google"
     }
     searchUrl = this.searchEngines[searchEngine]
-    document.getElementById(searchBarId).placeholder = `Search something on ${searchEngine}`
+    document.getElementById(searchBarId).placeholder = `${searchEngine} Search`
     document.getElementById(searchBarId).addEventListener("keypress", (event) => {
         if (event.key != 'Enter') return
 

scss/main.scss

@@ -1,12 +1,12 @@
-$background: #212121;
+$background: #282c34;
-$foreground: #fff;
+$foreground: #abb2bf;
 @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
-$media: #4DD0E1;
+$media: #61afef;
-$work: #F06292;
+$work: #e06c75;
-$social: #FFF176;
+$social: #e5c07b;
-$others: #81C784;
+$others: #98c379;
-$funky: #4DB6AC;
+$funky: #56b6c2;
-$purple: #9575CD;
+$purple: #c678dd;
 $upvoty: #FF8A65;
 $indigo: #7986CB;
 $foxxy: #A1887F;