dotHome is a hackable startpage for your browser. You can preview dotHome here.
dotHome currently includes the following features:
- Easy configuration through a single file.
- Customizable Color Themes
- Clock changeable between 12 / 24 hour formats
- Greetings are easily modifiable
- Weather for your location through OpenWeatherMap
- Icons from Lucide.dev
Note
Still a very rough todo list. Will be updated asap, once I get new Ideas!
-
Website
- Logo (text)
- Searchbar
- Greet User, different Greetings depending on current time
- Change current default theme
- "Bookmarks"
- Dividable into lists and buttons
- Use either FontAwesome or Lucide.dev for icons
- ALSO: allow custom, user-set icons
-
User Customizability
- Search Engine Customization
- Colors customizable through Config.js, allowing for Themes
- More Advanced Customization, allowing the user to change transparency of objects
- Inject custom CSS -> tutorial?
-
Other
- Run through Docker?
dotHome can be used as:
- a startpage for your browser
- a new tab page for your browser
a kitchen utensil- sadly not... yet.
dotHome has a small list of premade themes made by me. Feel free to just plug them into your config.js, they (should) be actively maintained.
Catpuccin Mocha
window.inputBorderColor = '#6e6c7e';
window.inputTextColor = '#b4befe';
window.inputBackgroundColor = '#1e1e2e';
window.inputShadowColor = '#00000026';
window.inputShadowInsetColor = '#313244';
window.inputTextShadowColor = '#ffffffa8';
window.inputFocusBorderColor = '#b4befe';
window.inputFocusShadowColor = '#ffffff26';
window.inputFocusShadowInsetColor = '#b4befe';
window.inputPlaceholderColor = '#b4befe';
window.logoGradientColor1 = '#1e1e2e';
window.logoGradientColor2 = '#1e1e2e';
window.logoTextShadowColor1 = '#00000026';
window.logoTextShadowColor2 = '#313244';
window.logoHoverGradientColor1 = '#302D41';
window.logoHoverGradientColor2 = '#45475A';
window.logoHoverTextShadowColor1 = '#b4befe25';
window.logoHoverTextShadowColor2 = '#302D41';
window.backgroundGradientColorBottom = '#1e1e2e';
window.backgroundGradientColorTop = '#1e1e2e';
window.greetingTextColor = '#b4befe60';