6 files changed, 80 insertions, 0 deletions
diff --git a/sass/src/common/_variables.scss b/sass/src/common/_variables.scss
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/sass/src/common/_variables.scss
diff --git a/sass/src/common/index.scss b/sass/src/common/index.scss
new file mode 100644
index 0000000..f279240
--- /dev/null
+++ b/sass/src/common/index.scss
@@ -0,0 +1,31 @@
+$customColors: (
+  'caution': $error-color,
+  'info': $info-color,
+  'contrast': $off-black,
+  'success': $success-color,
+);
+
+@each $name, $color in $customColors {
+  .#{$name}-color {
+    background-color: $color;
+  }
+  .#{$name}-color-text {
+    color: $color;
+  }
+}
+
+html {
+  background-color: $bg-color;
+}
+
+a.unmarked {
+  color: $off-black;
+}
+
+.pagination {
+  li {
+    a {
+      color: $off-black;
+    }
+  }
+}
diff --git a/sass/src/dark/_variables.scss b/sass/src/dark/_variables.scss
new file mode 100644
index 0000000..caa282e
--- /dev/null
+++ b/sass/src/dark/_variables.scss
@@ -0,0 +1,18 @@
+$bg-color: #101010 !default;
+$info-color: color('blue-grey', 'darken-4');
+
+$off-black: color('shades', 'white');
+
+$primary-color: color('materialize-red', 'darken-2');
+$secondary-color: color('cyan', 'darken-2');
+$link-color: color('light-blue', 'darken-1');
+$collection-link-color: color('cyan', 'darken-4');
+$success-color: color('green', 'darken-2');
+$error-color: color('red', 'darken-2');
+$input-border-color: $off-black;
+$radio-empty-color: $off-black !default;
+
+$table-striped-color: color('grey', 'darken-4');
+$button-flat-color: $off-black;
+$card-bg-color: color('grey', 'darken-4');
+$card-link-color: $link-color;
diff --git a/sass/src/dark/index.scss b/sass/src/dark/index.scss
new file mode 100644
index 0000000..94c1a66
--- /dev/null
+++ b/sass/src/dark/index.scss
@@ -0,0 +1,15 @@
+@import '../../node_modules/materialize-css/sass/components/color-variables';
+@import 'variables.scss';
+@import '../../node_modules/materialize-css/sass/materialize.scss';
+@import '../common/index.scss';
+
+.progress.travel-progress {
+  background-color: color('purple', 'lighten-1');
+  & > .determinate {
+    background-color: color('purple', 'darken-1');
+  }
+}
+
+html {
+  background-color: $bg-color;
+}
diff --git a/sass/src/light/_variables.scss b/sass/src/light/_variables.scss
new file mode 100644
index 0000000..abd4f6a
--- /dev/null
+++ b/sass/src/light/_variables.scss
@@ -0,0 +1,5 @@
+$bg-color: #fff;
+$info-color: color('yellow', 'lighten-4');
+$link-color: color('light-blue', 'darken-1');
+$card-link-color: $link-color;
+$card-bg-color: color('blue-grey', 'lighten-5');
diff --git a/sass/src/light/index.scss b/sass/src/light/index.scss
new file mode 100644
index 0000000..87bfb23
--- /dev/null
+++ b/sass/src/light/index.scss
@@ -0,0 +1,11 @@
+@import '../../node_modules/materialize-css/sass/components/color-variables';
+@import 'variables.scss';
+@import '../../node_modules/materialize-css/sass/materialize.scss';
+@import '../common/index.scss';
+
+.progress.travel-progress {
+  background-color: color('purple', 'lighten-4');
+  & > .determinate {
+    background-color: color('purple', 'darken-3');
+  }
+}