Skip to content

Aesthetic Startpage to boost your productivity and at the same time give your desktop a new aesthetic look

License

Notifications You must be signed in to change notification settings

marreitin/aesthetic-startpage

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

aesthetic-startpage

Aesthetic Startpage to boost your productivity and at the same time give your desktop a new aesthetic look. Here is a Live Preview

Installation

Method 1:
  1. Download/Clone this repository.
  2. Open folder of theme you want to use.
  3. Open index.html file using a web browser.
  4. Copy the url path from the url bar.
  5. Go to web browser's homepage settings.
  6. Select Custom url homepage and paste the url.
Method 2:
  • Copy this Page link and use it as custom url homepage

Changing-Themes

  • You can change theme using the menu given at top-right corner.
  • You can use a specific-theme by using method-1.

Themes:

Purple-Mesh

Screenshot from 2022-10-04 22-50-35

Orange

Screenshot from 2022-10-04 22-59-26

Blue

Screenshot from 2022-10-04 22-59-39

Green

Screenshot from 2022-10-04 22-59-52

Cherry

Screenshot from 2022-10-04 23-00-04

Purple

Screenshot from 2022-10-04 23-00-35

Feel free to make new colour themes and improvements <3

Also don't forget to star the repo :)

Create new themes using template theme

Forking the Repository

  1. Follow this tutorial till Create a Branch.

Creating a New Theme

Using the template

  1. Navigate to aesthetic-startpage\template-theme\normal in your desktop.

  2. Copy all the files and folders (index.html, style.css, images).

  3. Now navigate to aesthetic-startpage\new-themes\ in your desktop.

  4. Create a new folder and give it a unique theme name of your choice.

  5. Paste the previously copied files and folder inside the new folder you created.

Changing the aesthetic

  1. Open style.css in your preferred ide or text editor.

  2. Inside :root change the rgb values for different variables.

guide

  1. If you want to add gradient, you can add it inside .bg

  2. To add new image, navigate to images inside the folder you created and replace the existing image with the one you want. Rename the image to gif.gif. If the image is not gif you can convert it by using MS Paint (save as gif.gif) or any other software.

Committing and Pushing the changes

  1. Follow rest of this tutorial from where you have left.

About

Aesthetic Startpage to boost your productivity and at the same time give your desktop a new aesthetic look

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 53.3%
  • HTML 46.7%