Themes/Editor discrepancies
### Expected Behavior

_No response_

### Actual Behaviour

when Theme = light and editor=dark, editor is not dark

<img width="1101" alt="Screenshot 2023-05-19 at 11 41 00" src="https://github.com/kestra-io/kestra/assets/46634684/9f4ec602-2b30-4e5f-a7dc-1a19c502269c">


### Steps To Reproduce

_No response_

### Environment Information

- Kestra Version: 0.9.0
- Operating System (OS / Docker / Kubernetes): docker
- Java Version (If not docker):


### Example flow

_No response_
ui/src/components/inputs/Editor.vue
ui/src/components/inputs/Editor.vue
diff --git a/ui/src/components/inputs/Editor.vue b/ui/src/components/inputs/Editor.vue
index 74687420c9..c4b340968d 100644
--- a/ui/src/components/inputs/Editor.vue
+++ b/ui/src/components/inputs/Editor.vue
@@ -357,6 +357,7 @@
 </script>
 
 <style lang="scss">
+    @import "../../styles/layout/root-dark.scss";
 
     .ks-editor {
         width: 100%;
@@ -439,14 +440,14 @@
 
     .custom-dark-vs-theme {
         .monaco-editor, .monaco-editor-background {
-            background-color: var(--input-bg);
-            --vscode-editor-background: var(--input-bg);
-            --vscode-breadcrumb-background: var(--input-bg);
-            --vscode-editorGutter-background: var(--input-bg);
+            background-color: $input-bg;
+            --vscode-editor-background: $input-bg;
+            --vscode-breadcrumb-background: $input-bg;
+            --vscode-editorGutter-background: $input-bg;
         }
 
         .monaco-editor .margin {
-            background-color: var(--input-bg);
+            background-color: $input-bg;
         }
     }
 
