summaryrefslogtreecommitdiff
path: root/sass/src
diff options
context:
space:
mode:
Diffstat (limited to 'sass/src')
-rw-r--r--sass/src/common/_variables.scss0
-rw-r--r--sass/src/common/index.scss31
-rw-r--r--sass/src/dark/_variables.scss18
-rw-r--r--sass/src/dark/index.scss15
-rw-r--r--sass/src/light/_variables.scss5
-rw-r--r--sass/src/light/index.scss11
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');
+ }
+}