Browse Source

css: added darkmode according to the users desktop design theme

master
Stefan Naumann 4 months ago
parent
commit
a31e537a00
  1. 125
      static/css/style.css
  2. 2
      views/repo_view.html

125
static/css/style.css

@ -68,30 +68,22 @@ button:hover, .btn:hover, .btn-cancel {
text-decoration: none;
}
button:active, button:focus, .btn:active, .btn:focus, .btn-cancel {
background-color: #CFD8DC;
border-color: #90A4AE;
outline: 0;
}
button .fa, .btn .fa, .btn-cancel {
margin-right: .25rem;
}
button.btn-primary, .btn.btn-primary {
background-color: #455A64;
border-color: #37474F;
color: #ECEFF1;
}
button.btn-primary:hover, .btn.btn-primary:hover {
background-color: #37474F;
border-color: #263238;
button.btn-primary,
.btn.btn-primary {
background: #7ec781;
color: black;
border-color: #619247;
}
button.btn-primary:active, button.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:focus {
background-color: #263238;
border-color: #242E33;
button.btn-primary:hover,
.btn.btn-primary:hover {
background: #a5dd87;
border-color: #619247;
color: black;
}
button.btn-danger, .btn.btn-danger {
@ -105,11 +97,6 @@ button.btn-danger:hover, .btn.btn-danger:hover {
border-color: #B71C1C;
}
button.btn-danger:active, button.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:focus {
background-color: #B71C1C;
border-color: #A61919;
}
h3 {
margin-bottom: .5rem;
}
@ -300,6 +287,10 @@ main {
width: 20rem;
}
.login-form form {
margin-bottom: 0px;
}
/* header */
header {
background-color: #263238;
@ -369,7 +360,6 @@ header nav ul li .fa {
}
main {
background-color: #FFFFFF;
margin-bottom: 3.75rem;
}
@ -974,4 +964,89 @@ footer li {
width: 22px;
}
@media (prefers-color-scheme: dark) {
html {
background: #364248;
}
h1,h2,h3,h4,p,strong,em,b,i,font,a,small,dt,ul,li,div,span {
color: white;
}
.messages.info {
background-color: #173F5C;
border-color: #3D607E;
}
.messages.error {
background: #501618;
border-color: #601a1f;
}
.toolbar li .fa {
color: #c0c0c0;
}
.toolbar li a:hover {
background: #1c2a33
}
pre {
background: black;
border-color: #869298;
}
.login-form, .login-form .login-header {
border-color: #869298;
}
.block a {
color: white;
}
a:hover {
color: #8EBCF0;
}
.button a:hover {
color: white
}
input[type="submit"], button, .btn, .button {
background: #424c5b;
border: 1px solid #303c42;
color: white
}
input[type="submit"]:hover, button:hover, .btn:hover, .button:hover {
color: white;
text-decoration: underline;
background: #525c6b;
}
.block-item .fa,
.block-icon .fa.fa-clock-o {
color: #B0BEC5;
}
.block {
background: 465;
border: 1px solid #869298;
}
.block-link .block:hover {
background: #263238;
}
.block-link:hover, .block a:hover {
color: white;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
textarea:disabled {
background: #162328;
color: 768288;
}
input[type="text"],
input[type="password"],
input[type="number"],
textarea{
background: #263238;
color: white;
border: 1px solid #869298;
}
dl, dd,dt, .infobox, .auth_attribute {
color: #E1E0E0;
}
.modal_window {
background: black;
}
footer {
background: #263238;
}
}

2
views/repo_view.html

@ -45,7 +45,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
<input type="text" name="build_hash" id="build_hash" placeholder="^HEAD">
</div>
<input type="hidden" name="build_id" id="build_id" value="{{.repo.ID}}">
<a class="btn btn-primary" href="javascript:build_doAdv();">Build</a> <a class="btn btn-primary" href="javascript:build_adv_close();">Cancel</a>
<a class="btn btn-primary" href="javascript:build_doAdv();">Build</a> <a class="btn" href="javascript:build_adv_close();">Cancel</a>
</div>
</div>
<h2>Repo: {{ .repo.Name }}</h2>

Loading…
Cancel
Save