Move variables to separate folder

src/components/input/editor.vue

@@ -442,7 +442,7 @@ export default {
 <style lang="scss">
 @import '../../../node_modules/highlight.js/scss/atelier-heath-light';
 @import '../../../node_modules/easymde/dist/easymde.min.css';
-@import '../../styles/theme/variables';
+@import '../../styles/theme/variables/all';
 
 .editor {
 	.clear {

src/components/tasks/partials/priorityLabel.vue

@@ -44,7 +44,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../styles/theme/variables';
+@import '../../../styles/theme/variables/all';
 
 .priority-label {
 	display: inline-flex;

src/components/tasks/partials/relatedTasks.vue

@@ -250,7 +250,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import '@/styles/theme/variables';
+@import '@/styles/theme/variables/all';
 
 .add-task-relation-button {
 	margin-top: -3rem;

src/styles/theme/_all.scss

@@ -1,4 +1,4 @@
-@import 'variables';
+@import 'variables/all';
 @import 'theme';
 
 @import 'content';

src/styles/theme/variables/_all.scss

@@ -0,0 +1,2 @@
+@import 'colors';
+@import 'variables';