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 Binary files /dev/null and b/mkdocs/docs/themes/material.png differ 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; +}