Convert config page buttons to use stronger yellow

This commit is contained in:
Debanjum Singh Solanky 2023-11-28 19:51:17 -08:00
parent de5aa5c32e
commit 8faa63c3c6
5 changed files with 14 additions and 3 deletions

View file

@ -8,6 +8,7 @@
--primary-inverse: rgba(0, 0, 0, 0.75); --primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #f5f4f3; --background-color: #f5f4f3;
--main-text-color: #475569; --main-text-color: #475569;
--summer-sun: #fcc50b;
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #d1684e; --flower: #d1684e;
@ -23,6 +24,7 @@
--primary-inverse: rgba(0, 0, 0, 0.75); --primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #f5f4f3; --background-color: #f5f4f3;
--main-text-color: #475569; --main-text-color: #475569;
--summer-sun: #fcc50b;
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #d1684e; --flower: #d1684e;
@ -37,6 +39,7 @@
--primary-inverse: rgba(0, 0, 0, 0.75); --primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #f5f4f3; --background-color: #f5f4f3;
--main-text-color: #475569; --main-text-color: #475569;
--summer-sun: #fcc50b;
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #d1684e; --flower: #d1684e;

View file

@ -339,7 +339,7 @@
cursor: pointer; cursor: pointer;
} }
button.sync-data { button.sync-data {
background-color: var(--primary); background-color: var(--primary-hover);
border: none; border: none;
color: var(--main-text-color); color: var(--main-text-color);
padding: 12px; padding: 12px;
@ -354,7 +354,7 @@
} }
button.sync-data:hover { button.sync-data:hover {
background-color: var(--primary-hover); background-color: var(--summer-sun);
box-shadow: 0px 3px 0px var(--background-color); box-shadow: 0px 3px 0px var(--background-color);
} }
.sync-force-toggle { .sync-force-toggle {

View file

@ -8,6 +8,7 @@
--primary-inverse: rgba(0, 0, 0, 0.75); --primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #f5f4f3; --background-color: #f5f4f3;
--main-text-color: #475569; --main-text-color: #475569;
--summer-sun: #fcc50b;
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #ffaeae; --flower: #ffaeae;
@ -23,6 +24,7 @@
--primary-inverse: rgba(0, 0, 0, 0.75); --primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #f5f4f3; --background-color: #f5f4f3;
--main-text-color: #475569; --main-text-color: #475569;
--summer-sun: #fcc50b;
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #ffaeae; --flower: #ffaeae;
@ -37,6 +39,7 @@
--primary-inverse: rgba(0, 0, 0, 0.75); --primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #f5f4f3; --background-color: #f5f4f3;
--main-text-color: #475569; --main-text-color: #475569;
--summer-sun: #fcc50b;
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #ffaeae; --flower: #ffaeae;

View file

@ -126,6 +126,12 @@
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
} }
div.finalize-buttons button {
background-color: var(--primary-hover);
}
div.finalize-buttons button:hover {
background-color: var(--summer-sun);
}
div#features-hint-text { div#features-hint-text {
width: 640px; width: 640px;
opacity: 0; opacity: 0;

View file

@ -267,7 +267,6 @@
}; };
function clearContentType(content_source) { function clearContentType(content_source) {
fetch('/api/config/data/content-source/' + content_source, { fetch('/api/config/data/content-source/' + content_source, {
method: 'DELETE', method: 'DELETE',
headers: { headers: {