mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-04 10:12:31 +01:00
v2 stuff
This commit is contained in:
parent
2c4bef582f
commit
b60a12b138
@ -24,12 +24,12 @@ body {
|
|||||||
.matches-title,
|
.matches-title,
|
||||||
.matches-list:empty::before,
|
.matches-list:empty::before,
|
||||||
.card-stack:empty::after,
|
.card-stack:empty::after,
|
||||||
footer {
|
footer,
|
||||||
|
.Field_Label {
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ACCENTS */
|
/* ACCENTS */
|
||||||
|
|
||||||
.matches-section hr {
|
.matches-section hr {
|
||||||
border: 0.5px solid var(--accent-color);
|
border: 0.5px solid var(--accent-color);
|
||||||
}
|
}
|
||||||
@ -40,20 +40,24 @@ footer {
|
|||||||
color: var(--button-text);
|
color: var(--button-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo,
|
||||||
filter: var(--logo-color)
|
.Logo {
|
||||||
|
filter: var(--logo-color);
|
||||||
|
color: var(--accent-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* FORMS */
|
/* FORMS */
|
||||||
.login-form input,
|
.login-form input,
|
||||||
input {
|
input,
|
||||||
|
.TextInput {
|
||||||
background: rgba(0, 0, 0, .25);
|
background: rgba(0, 0, 0, .25);
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
color: var(--text)
|
color: var(--text)
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-form input:focus,
|
.login-form input:focus,
|
||||||
input:focus {
|
input:focus,
|
||||||
|
.TextInput:focus {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
color: black;
|
color: black;
|
||||||
@ -65,18 +69,57 @@ input:focus {
|
|||||||
|
|
||||||
/* BUTTONS */
|
/* BUTTONS */
|
||||||
.login-form .room-code-container .generate-button,
|
.login-form .room-code-container .generate-button,
|
||||||
.login-form .submit-button {
|
.login-form .submit-button,
|
||||||
|
.ButtonPrimary,
|
||||||
|
.AddRemoveList_Add,
|
||||||
|
.SegmentedControlsListItem {
|
||||||
background: var(--button-color);
|
background: var(--button-color);
|
||||||
color: var(--button-text);
|
color: var(--button-text);
|
||||||
|
border: 1px solid var(--button-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-form .room-code-container .generate-button:hover,
|
.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);
|
background: var(--button-color-hover);
|
||||||
color: var(--button-text-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 */
|
/* CARDS */
|
||||||
.card {
|
.card {
|
||||||
border: 1px solid transparent;
|
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);
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user