Fix coloring issues and added an option to configure media menu border. (#135)

* Fix coloring issues and added an option to configure media menu border.

* Updated and added options to style radio and check butto ns.

* Update themes to reflect the changes

options.ts

@@ -3,7 +3,7 @@ import { NotificationAnchor, OSDAnchor, OSDOrientation } from "lib/types/options
 import { MatugenScheme, MatugenTheme, MatugenVariation } from "lib/types/options";
 
 // WARN: CHANGING THESE VALUES WILL PREVENT MATUGEN COLOR GENERATION FOR THE CHANGED VALUE
-const colors = {
+export const colors = {
     "rosewater": "#f5e0dc",
     "flamingo": "#f2cdcd",
     "pink": "#f5c2e7",
@@ -226,7 +226,8 @@ const options = mkOptions(OPTIONS, {
                 label: opt(colors.lavender),
                 popover: {
                     text: opt(colors.lavender),
-                    background: opt(secondary_colors.mantle)
+                    background: opt(secondary_colors.mantle),
+                    border: opt(secondary_colors.mantle)
                 },
                 listitems: {
                     passive: opt(colors.text),
@@ -241,6 +242,10 @@ const options = mkOptions(OPTIONS, {
                     disabled: opt(tertiary_colors.surface0),
                     puck: opt(secondary_colors.surface1)
                 },
+                check_radio_button: {
+                    background: opt(colors.surface1),
+                    active: opt(tertiary_colors.lavender)
+                },
                 buttons: {
                     default: opt(colors.lavender),
                     active: opt(secondary_colors.pink),
@@ -268,7 +273,7 @@ const options = mkOptions(OPTIONS, {
                 },
                 tooltip: {
                     background: opt(colors.crust),
-                    text: opt(colors.text)
+                    text: opt(tertiary_colors.lavender)
                 },
                 menu: {
                     media: {