/aesthetic-startpage

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

Primary LanguageCSSGNU General Public License v3.0GPL-3.0

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.