Skip to content

Darth-Ness/AquaCSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AquaCSS

A CSS framework that brings modern design to your website

How to use

First download the code. Either using git or the code button. Then, unzip it and move it to where your HTML code is. Then add the following two line to your HTML file

<link rel="stylesheet" href="themes/'AquaMain.css">

If you would like to use the online version.

<link rel="stylesheet" href="https://AquaCSS.darth-ness.repl.co">

Custom Themes

There are some premade themes already (check the themes folder above) ,however, you can also make a custom theme as well. Here is a template.

@import url("https://aquacss.darth-ness.repl.co/")
:root {
--red:#bf616a;
--orange: #d08770;
--yellow: #ebcb8b;
--green: #a3be8c;
--blue1:#8fbcbb;
--blue2:#88c0d0;
--blue3:#81a1c1;
--blue4:#5e81ac;
--purple: #b48ead;
--default:#2e3440; 
--default2:#3b4252;
--default3:#434c5e; 
--bhover:#4c566a; 
--text:#eceff4;
}

Most of these names are self explanatory, but "bhover" is the color of the buttons when you hover over them. "text" is the text color. You can also add styling for other elements in the same file. The colors for these variables are the default values.

About

A CSS framework that brings modern design to your website

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published