v2 stuff

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 {
+.logo,
-    filter: var(--logo-color)
+.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);
 }