ARCHBLOX
/
website
1
0
Fork 0
Code Issues Pull Requests 4 Packages Projects Releases Wiki Activity

dark mode now has new buttons

This commit is contained in:
Thomas G 2022-08-08 07:40:18 +10:00
parent db3e335679
commit f939d97c8b
2 changed files with 39 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/css/app.css
View File

@ -350,7 +350,7 @@
html { html {
margin: 0px; margin: 0px;
font-family: "Helvetica"; font-family: "Helvetica";
src: url('Helvetica.ttf') format('truetype'), ; src: url('Helvetica.ttf') format('truetype'),;
font-style: normal; font-style: normal;
height: 100%; height: 100%;
color: white; color: white;
@ -514,11 +514,6 @@ button:hover.bluebutton {
background: linear-gradient(0deg, #32b5ff 0%, #0074bd 49%, #2c99f8 50%, #71c9fa 95%, #b6e5ff 100%); background: linear-gradient(0deg, #32b5ff 0%, #0074bd 49%, #2c99f8 50%, #71c9fa 95%, #b6e5ff 100%);
} }
button:active.bluebutton,
button:focus.bluebutton {
background: linear-gradient(0deg, #32b5ff 0%, #0074bd 49%, #2c99f8 50%, #71c9fa 95%, #b6e5ff 100%);
}
button.greybutton { button.greybutton {
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
color: black; color: black;

39
public/css/appdark.css
View File

@ -131,8 +131,18 @@ input {
color: white; color: white;
} }
.tab_selected {
background: linear-gradient(180deg, #00a2ff 0%, #01639c 100%)
}
.tab {
color: rgb(255, 255, 255) !important;
background: linear-gradient(180deg, #4b4b4b 0%, rgb(36, 36, 36) 100%);
}
button.greybutton { button.greybutton {
background: black; background: rgb(36, 36, 36);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
background: linear-gradient(180deg, #4b4b4b 0%, rgb(36, 36, 36) 100%); background: linear-gradient(180deg, #4b4b4b 0%, rgb(36, 36, 36) 100%);
} }
@ -141,6 +151,33 @@ button:hover.greybutton {
background: linear-gradient(0deg, #4b4b4b 0%, rgb(36, 36, 36) 100%); background: linear-gradient(0deg, #4b4b4b 0%, rgb(36, 36, 36) 100%);
} }
button.bluebutton {
background: #01639c;
background: linear-gradient(180deg, #00a2ff 0%, #01639c 100%)
}
button:hover.bluebutton {
background: linear-gradient(0deg, #00a2ff 0%, #01639c 100%)
}
button.redbutton {
background: #e42424;
background: linear-gradient(180deg, #d86868 0%, #e42424 100%);
}
button:hover.redbutton {
background: linear-gradient(0deg, #d86868 0%, #e42424 100%);
}
button.greenbutton {
background: #1a5c2e;
background: linear-gradient(180deg, #02b757 0%, #1a5c2e 100%);
}
button:hover.greenbutton {
background: linear-gradient(0deg, #02b757 0%, #1a5c2e 100%);
}
.popup { .popup {
color: white; color: white;
background: linear-gradient(180deg, #747474 10%, #000000 100%); background: linear-gradient(180deg, #747474 10%, #000000 100%);