- cancel/resume subscription fix

- upload into root folder fix
- custom color theme part 3

resources/js/components/Others/Forms/CopyInput.vue

@@ -159,22 +159,11 @@ export default {
         line,
         path,
         polygon {
-            stroke: $dark_mode_text_primary !important;
+            color: inherit !important;
         }
 
         .icon-item {
             border-color: #333333;
-
-            &:hover {
-                background: rgba($theme, 0.1);
-
-                line,
-                polyline,
-                path,
-                polygon {
-                    stroke: $theme !important;
-                }
-            }
         }
 
 

resources/js/components/Others/Forms/SelectInput.vue

@@ -187,11 +187,11 @@
         .input-area {
             background: $dark_mode_foreground;
             border-color: $dark_mode_foreground;
+        }
 
-            .option-icon {
-                path {
-                    fill: $theme
-                }
+        .popup-wrapper {
+            .input-area {
+                background: lighten($dark_mode_foreground, 3%);
             }
         }
 
@@ -202,16 +202,12 @@
                 border-bottom: none;
 
                 &:hover {
-                    background: rgba($theme, .1);
-
-                    .option-value {
-                        color: $theme;
-                    }
+                    background: lighten($dark_mode_foreground, 5%);
 
                     .option-icon {
 
                         path, circle {
-                            stroke: $theme;
+                            color: inherit;
                         }
                     }
                 }

resources/js/components/Others/Forms/SwitchInput.vue

@@ -94,5 +94,11 @@
         .switch {
             background: $dark_mode_foreground;
         }
+
+        .popup-wrapper {
+            .switch {
+                background: lighten($dark_mode_foreground, 3%);
+            }
+        }
     }
 </style>