1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-09-11 19:32:24 +02:00
This commit is contained in:
gilbN 2021-03-19 22:40:52 +01:00
parent 2c4bef582f
commit b60a12b138

View File

@ -24,12 +24,12 @@ body {
.matches-title,
.matches-list:empty::before,
.card-stack:empty::after,
footer {
footer,
.Field_Label {
color: var(--text-color);
}
/* ACCENTS */
.matches-section hr {
border: 0.5px solid var(--accent-color);
}
@ -40,20 +40,24 @@ footer {
color: var(--button-text);
}
.logo {
filter: var(--logo-color)
.logo,
.Logo {
filter: var(--logo-color);
color: var(--accent-color);
}
/* FORMS */
.login-form input,
input {
input,
.TextInput {
background: rgba(0, 0, 0, .25);
border: 1px solid transparent;
color: var(--text)
}
.login-form input:focus,
input:focus {
input:focus,
.TextInput:focus {
background: #fff;
border: 1px solid transparent;
color: black;
@ -65,18 +69,57 @@ input:focus {
/* BUTTONS */
.login-form .room-code-container .generate-button,
.login-form .submit-button {
.login-form .submit-button,
.ButtonPrimary,
.AddRemoveList_Add,
.SegmentedControlsListItem {
background: var(--button-color);
color: var(--button-text);
border: 1px solid var(--button-color);
}
.login-form .room-code-container .generate-button:hover,
.login-form .submit-button:hover {
.login-form .submit-button:hover,
.ButtonPrimary:hover,
.ButtonPrimary:active
.ButtonSecondary:hover,
.ButtonSecondary:active,
.ButtonTertiary:hover,
.ButtonTertiary:active,
.AddRemoveList_Add:hover,
.AddRemoveList_Add:active,
.SegmentedControlsListItem:hover,
.SegmentedControlsListItem:active {
background: var(--button-color-hover);
color: var(--button-text-hover);
border-color: var(--button-color-hover)
}
.ButtonSecondary {
border: 2px solid var(--button-color);
color: var(--button-color);
}
.ButtonTertiary {
color: var(--button-color);
transition: background-color var(--button-color-hover) ease-in-out;
}
.SegmentedControlOption {
color: var(--button-text);
}
/* CARDS */
.card {
border: 1px solid transparent;
}
.Card_MoreInfoButton:hover {
color: var(--accent-color);
}
/* MENUS POPOVER */
.PopoverMenuButton:hover {
background: rgb(255 255 255 / 15%) !important;
color: var(--mm-white);
}