Code Monkey home page Code Monkey logo

aesthetic-startpage's Introduction

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.

aesthetic-startpage's People

Contributors

nainish-rai avatar divya2163 avatar sumitbaroniya avatar sidd2024 avatar yes-im-harsh avatar morbius00 avatar itsbaivab avatar monu-7845 avatar aman0786-git avatar heisdinesh avatar getmeapencil avatar samwinp avatar hamzailyas237 avatar anayatkhan1 avatar septicalls avatar vinayjain18 avatar shreyakamathk avatar naman-x15 avatar chanchal14-creator avatar gautam2305 avatar pratt2762 avatar anand-shreya avatar snehal-gloria avatar vani177 avatar vladencode avatar vaibhav0726 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.