New buttons with project colors + small bugfix

This commit is contained in:
giggs 2022-08-02 06:03:25 +02:00
parent 6982503393
commit af1cf96703
4 changed files with 17 additions and 7 deletions

View File

@ -8391,9 +8391,9 @@ input[type=submit] {
color: black;
color: var(--form-button-color);
background-color: #fff;
background-color: var(--form-button-background);
background-color: var(--theme-color);
border-color: #ccc;
border-color: var(--form-button-border-color);
border-color: var(--theme-color);
border-width: 1px;
border-style: solid;
display: inline-block;
@ -8409,7 +8409,8 @@ input[type=submit] {
color: #4c9ed9;
color: var(--form-button-color-active);
background-color: #f2f2f2;
background-color: var(--form-button-background-active); }
background-color: var(--theme-color-dim);
border-color: var(--theme-color-dim); }
button.lite,
.button.lite,

View File

@ -270,7 +270,7 @@ pre, code, .codeblock {
--landing-search-background-hover: #181818;
--editor-toolbar-background: #282828;
--editor-toolbar-border-color: #333;
--editor-toolbar-button-background: 282828;
--editor-toolbar-button-background: #282828;
--editor-toolbar-button-background-hover: #333;
--editor-toolbar-button-border-color: #333;
--post-blockquote-border-color: #555;

View File

@ -77,7 +77,7 @@ $vars: (
editor-toolbar-background: #282828,
editor-toolbar-border-color: #333,
editor-toolbar-button-background: 282828,
editor-toolbar-button-background: #282828,
editor-toolbar-button-background-hover: #333,
editor-toolbar-button-border-color: #333,

View File

@ -38,11 +38,20 @@ header .content-title .subtitle {
border-top-color: var(--theme-dim);
}
a, .thread:before, button, .button, input[type=button], input[type=submit] {
a, .thread:before, button, .button, input[type=button] {
color: {{ $linkColor }};
color: var(--link-color);
}
a:hover, button:hover, .button:hover, input[type=button]:hover, input[type=submit]:hover {
input[type=submit] {
color: white;
}
input[type=submit]:hover {
color: white;
}
a:hover, button:hover, .button:hover, input[type=button]:hover {
color: {{ $linkHoverColor }};
color: var(--link-hover-color);
}