From b60a12b138257782cdf4dbb1f84fe5be0d0a4c10 Mon Sep 17 00:00:00 2001 From: gilbN <24592972+gilbN@users.noreply.github.com> Date: Fri, 19 Mar 2021 22:40:52 +0100 Subject: [PATCH] v2 stuff --- CSS/themes/moviematch/moviematch-base.css | 59 ++++++++++++++++++++--- 1 file changed, 51 insertions(+), 8 deletions(-) diff --git a/CSS/themes/moviematch/moviematch-base.css b/CSS/themes/moviematch/moviematch-base.css index a6ec1b1a..5d6044bd 100644 --- a/CSS/themes/moviematch/moviematch-base.css +++ b/CSS/themes/moviematch/moviematch-base.css @@ -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); } \ No newline at end of file