[Themes] Add material theme

5 files changed, 142 insertions, 0 deletions

diff --git a/Makefile.am b/Makefile.am
index 174ea9fe..056d06f8 100644
--- a/Makefile.am
+++ b/Makefile.am
@@ -230,6 +230,7 @@ theme_DATA=\
 		   themes/solarized_alternate.rasi\
 		   themes/fancy.rasi\
 		   themes/iggy.rasi\
+		   themes/material.rasi\
 		   themes/iggy.jpg
 
 ##
diff --git a/meson.build b/meson.build
index 6061a62d..cc8f03ad 100644
--- a/meson.build
+++ b/meson.build
@@ -309,6 +309,7 @@ install_data(
     'themes/solarized_alternate.rasi',
     'themes/fancy.rasi',
     'themes/iggy.rasi',
+    'themes/material.rasi',
     'themes/iggy.jpg',
     install_dir: themedir
 )
diff --git a/mkdocs/docs/themes/material.png b/mkdocs/docs/themes/material.png
new file mode 100644
index 00000000..32ef42b2
--- /dev/null
+++ b/mkdocs/docs/themes/material.png
diff --git a/mkdocs/docs/themes/themes.md b/mkdocs/docs/themes/themes.md
index 59962326..d550338f 100644
--- a/mkdocs/docs/themes/themes.md
+++ b/mkdocs/docs/themes/themes.md
@@ -89,6 +89,10 @@ Use `rofi-theme-selector` to select and use one of these themes.
 
 ![lb](lb.png)
 
+# material
+
+![material](material.png)
+
 # Monokai
 
 ![Monokai](Monokai.png)
diff --git a/themes/material.rasi b/themes/material.rasi
new file mode 100644
index 00000000..10c58b0d
--- /dev/null
+++ b/themes/material.rasi
@@ -0,0 +1,136 @@
+/*
+ * ROFI color theme
+ *
+ * Based on Base16 Material Color Scheme (https://github.com/ntpeters/base16-materialtheme-scheme)
+ *
+ * Modified by: Dave Davenport
+ * User: Tomaszal
+ * Copyright: Tomas Zaluckij
+ */
+
+* {
+	base00: #263238;
+	base01: #2E3C43;
+	base02: #314549;
+	base03: #546E7A;
+	base04: #B2CCD6;
+	base05: #EEFFFF;
+	base06: #EEFFFF;
+	base07: #FFFFFF;
+	base08: #F07178;
+	base09: #F78C6C;
+	base0A: #FFCB6B;
+	base0B: #C3E88D;
+	base0C: #89DDFF;
+	base0D: #82AAFF;
+	base0E: #C792EA;
+	base0F: #FF5370;
+
+	/*base0D: #00BCD4;*/
+
+	spacing: 0;
+	background-color: transparent;
+
+}
+
+window {
+	transparency: "real";
+	background-color: #263238CC; /*base00 + CC (80% opacity)*/
+}
+
+mainbox {
+	children: [inputbar, message, mode-switcher, listview];
+	spacing: 30px;
+	padding: 30px 0;
+	border: 1px;
+	border-color: @base0D;
+}
+
+inputbar {
+	padding: 0 30px;
+	children: [prompt, textbox-prompt-colon, entry, case-indicator];
+}
+
+prompt {
+	text-color: @base0D;
+}
+
+textbox-prompt-colon {
+	expand: false;
+	str: ":";
+	margin: 0 1ch 0 0;
+	text-color: @base0D;
+}
+
+entry {
+	text-color: @base07;
+}
+
+case-indicator {
+	text-color: @base0F;
+}
+
+mode-switcher, message {
+	border: 1px 0;
+	border-color: @base0D;
+}
+
+button, textbox {
+	background-color: @base03;
+	text-color: @base07;
+	padding: 5px;
+}
+
+button selected {
+	background-color: @base0D;
+}
+
+listview {
+	scrollbar: true;
+	margin: 0 10px 0 30px;
+}
+
+scrollbar {
+	background-color: @base03;
+	handle-color: @base0D;
+	handle-width: 10px;
+	border: 0 1px;
+	border-color: @base0D;
+	margin: 0 0 0 20px;
+}
+
+element {
+	padding: 5px;
+  spacing: 5px;
+	highlight: bold underline;
+	children: [element-icon, element-text];
+}
+element-text, element-icon {
+	background-color : inherit;
+	text-color	     : inherit;
+	foreground-color : inherit;
+}
+
+element normal {
+	background-color: transparent;
+}
+
+element selected {
+	background-color: @base0D;
+}
+
+element alternate {
+	/*background-color: @base03;*/
+}
+
+element normal normal, element selected normal, element alternate normal {
+	text-color: @base07;
+}
+
+element normal urgent, element selected urgent, element alternate urgent {
+	text-color: @base0F;
+}
+
+element normal active, element selected active, element alternate active {
+	text-color: @base0B;
+}