medlogic
/
olivetin
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature: Nicer default colors (catpuccin/frappe (#395)

This commit is contained in:
James Read 2024-08-30 21:48:17 +01:00 committed by GitHub
parent 3f1dbf1130
commit b9ce695616
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
webui.dev/style.css
View File

@ -251,7 +251,7 @@ input[type="submit"]
background-color: white; background-color: white;
box-shadow: 0 0 6px 0 #aaa; box-shadow: 0 0 6px 0 #aaa;
user-select: none; user-select: none;
transition: background-color 1s ease, color 1s ease; transition: background-color 1s ease, color .3s ease;
} }
input[type="checkbox"] { input[type="checkbox"] {
@ -332,26 +332,33 @@ input[type="submit"]:disabled {
cursor: not-allowed; cursor: not-allowed;
} }
.action-status {
padding: .4em;
border-radius: .4em;
}
.action-failed { .action-failed {
background-color: red; background-color: #e78284;
} }
.action-success { .action-success {
background-color: limegreen; background-color: #a6d189;
color: black;
} }
.action-nonzero-exit { .action-nonzero-exit {
background-color: orange; background-color: #ef9f76;
color: black;
} }
.action-timeout { .action-timeout {
background-color: cyan; background-color: #99d1db;
color: black;
} }
.action-blocked { .action-blocked {
background-color: purple; background-color: #ca9ee6;
color: white; color: black;
} }
img.logo { img.logo {
@ -435,10 +442,6 @@ div.buttons {
gap: 1em; gap: 1em;
} }
td.exit-code {
text-align: center;
}
input.invalid { input.invalid {
background-color: salmon; background-color: salmon;
} }
@ -451,8 +454,12 @@ input.invalid {
span.tag { span.tag {
background-color: lightgray; background-color: lightgray;
border-radius: 0.6em; border-radius: 0.4em;
padding: 0.2em; padding: 0.4em;
margin-top: .2em;
margin-right: .2em;
display: inline-block;
color: black;
} }
div.toolbar { div.toolbar {