home - all - new | yaddu - help - television - technology - general
aqua Login/Signup

Wanted to share aqua css

3 | submitted by obiwac | posted in aqua | 5 months ago | 19 views


:root {
    --fore-color: #fff;
    --secondary-fore-color: #fff;
    --back-color: #191919;
    --secondary-back-color: #393939;
    --blockquote-color: #090909;
    --pre-color: #353535;
    --border-color: #555;
    --secondary-border-color: #252525;
    --heading-ratio: 1.19;
    --universal-margin: 0.5rem;
    --universal-padding: 0.5rem;
    --universal-border-radius: 0.125rem;
    --a-link-color: #F5B1FF;
    --a-visited-color: #D7BEDF;
}
:root {
  --card-back-color: #292929;
  --card-fore-color: #fff;
  --card-border-color: #191919;
}
:root {
    --form-back-color: #393939;
    --form-fore-color: #fff;
    --form-border-color: #353535;
    --input-back-color: #494949;
    --input-fore-color: #fff;
    --input-border-color: #454545;
    --input-focus-color: #0288d1;
    --input-invalid-color: #d32f2f;
    --button-back-color: #494949;
    --button-hover-back-color: #595959;
    --button-fore-color: #ffffff;
    --button-border-color: transparent;
    --button-hover-border-color: transparent;
    --button-group-border-color: rgba(124, 124, 124, 0.54);
}
:root {
    --header-back-color: #393939;
    --header-hover-back-color: #f0f0f0;
    --header-fore-color: #fff;
    --header-border-color: #353535;
    --nav-back-color: #393939;
    --nav-hover-back-color: #494949;
    --nav-fore-color: #fff;
    --nav-border-color: #353535;
    --nav-link-color: #D7BEDF;
    --footer-fore-color: #aaa;
    --footer-back-color: #292929;
    --footer-border-color: #252525;
    --footer-link-color: #0277bd;
    --drawer-back-color: #f8f8f8;
    --drawer-hover-back-color: #f0f0f0;
    --drawer-border-color: #ddd;
    --drawer-close-color: #444;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-thumb {
    background: #D7BEDF;
}
::-webkit-scrollbar-thumb:hover {
    background: #F5B1FF; 
}
::selection {
    background: #D7BEDF;

}
::-moz-selection {
    background: #D7BEDF;
}

EDIT #1: Fixed pre background colour being red and disgusting

EDIT #2: Changed selection and scroll bar colours according to theme

[+] 3 freenode | 5 months ago

Thanks! I used parts of this CSS in /c/Elixir as the foreground colors were suitable for a dark theme.

[+] 2 obiwac | 5 months ago

Happy to hear that lol

[+] 1 obiwac | 5 months ago

Oh wow ooops That's pretty red

edit: not anymore :3

aqua

created 5 months ago by obiwac

4 subscribers

For more information about AQUA, visit https://obiwac.wordpress.com/

Moderators

message the moderators