diff --git a/User Themes/README.md b/User Themes/README.md index 3188b55..2774a7e 100644 --- a/User Themes/README.md +++ b/User Themes/README.md @@ -12,3 +12,9 @@ #### sidetab ![sidetab](https://53280.de/rofi/sidetab.png) + +#### material +![material](https://53280.de/rofi/material.png) + +#### arc-red-dark +![arc-red-dark](https://53280.de/rofi/arc-red.png) diff --git a/User Themes/arc-red-dark.rasi b/User Themes/arc-red-dark.rasi new file mode 100644 index 0000000..8361a44 --- /dev/null +++ b/User Themes/arc-red-dark.rasi @@ -0,0 +1,137 @@ +/* + * ROFI Color theme + * A red variation of Arc-Dark theme by leofa, based on arc-theme-Red (https://github.com/mclmza/arc-theme-Red) + * User: wikwg9 + */ +* { + selected-normal-foreground: rgba ( 249, 249, 249, 100 % ); + foreground: rgba ( 196, 203, 212, 100 % ); + normal-foreground: @foreground; + alternate-normal-background: rgba ( 64, 69, 82, 59 % ); + red: rgba ( 220, 50, 47, 100 % ); + selected-urgent-foreground: rgba ( 249, 249, 249, 100 % ); + blue: rgba ( 38, 139, 210, 100 % ); + urgent-foreground: rgba ( 204, 102, 102, 100 % ); + alternate-urgent-background: rgba ( 75, 81, 96, 90 % ); + active-foreground: rgba ( 220, 140, 160, 100 % ); + lightbg: rgba ( 238, 232, 213, 100 % ); + selected-active-foreground: rgba ( 249, 249, 249, 100 % ); + alternate-active-background: rgba ( 75, 81, 96, 89 % ); + background: rgba ( 45, 48, 59, 95 % ); + alternate-normal-foreground: @foreground; + normal-background: @background; + lightfg: rgba ( 88, 104, 117, 100 % ); + selected-normal-background: rgba ( 204, 87, 93, 100 % ); + border-color: rgba ( 137, 131, 124, 100 % ); + spacing: 2; + separatorcolor: rgba ( 29, 31, 33, 100 % ); + urgent-background: rgba ( 29, 31, 33, 17 % ); + selected-urgent-background: rgba ( 165, 66, 66, 100 % ); + alternate-urgent-foreground: @urgent-foreground; + background-color: rgba ( 0, 0, 0, 0 % ); + alternate-active-foreground: @active-foreground; + active-background: rgba ( 29, 31, 33, 17 % ); + selected-active-background: rgba ( 204, 87, 93, 100 % ); +} +#window { + background-color: @background; + padding: 5; +} +#mainbox { + border: 0; + padding: 0; +} +#message { + border: 2px 0px 0px ; + border-color: @separatorcolor; + padding: 1px ; +} +#textbox { + text-color: @foreground; +} +#listview { + fixed-height: 0; + border: 2px 0px 0px ; + border-color: @separatorcolor; + spacing: 2px ; + scrollbar: false; + padding: 2px 0px 0px ; +} +#element { + border: 0; + padding: 1px ; +} +#element.normal.normal { + background-color: @normal-background; + text-color: @normal-foreground; +} +#element.normal.urgent { + background-color: @urgent-background; + text-color: @urgent-foreground; +} +#element.normal.active { + background-color: @active-background; + text-color: @active-foreground; +} +#element.selected.normal { + background-color: @selected-normal-background; + text-color: @selected-normal-foreground; +} +#element.selected.urgent { + background-color: @selected-urgent-background; + text-color: @selected-urgent-foreground; +} +#element.selected.active { + background-color: @selected-active-background; + text-color: @selected-active-foreground; +} +#element.alternate.normal { + background-color: @alternate-normal-background; + text-color: @alternate-normal-foreground; +} +#element.alternate.urgent { + background-color: @alternate-urgent-background; + text-color: @alternate-urgent-foreground; +} +#element.alternate.active { + background-color: @alternate-active-background; + text-color: @alternate-active-foreground; +} +#sidebar { + border: 2px 0px 0px ; + border-color: @separatorcolor; +} +#button { + spacing: 0; + text-color: @normal-foreground; +} +#button.selected { + background-color: @selected-normal-background; + text-color: @selected-normal-foreground; +} +#inputbar { + spacing: 0; + text-color: @normal-foreground; + padding: 1px ; +} +#case-indicator { + spacing: 0; + text-color: @normal-foreground; +} +#entry { + spacing: 0; + text-color: @normal-foreground; +} +#prompt { + spacing: 0; + text-color: @normal-foreground; +} +#inputbar { + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +} +#textbox-prompt-colon { + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em ; + text-color: @normal-foreground; +} diff --git a/User Themes/material.rasi b/User Themes/material.rasi new file mode 100644 index 0000000..844f376 --- /dev/null +++ b/User Themes/material.rasi @@ -0,0 +1,131 @@ +/* + * ROFI color theme + * + * Based on Base16 Material Color Scheme (https://github.com/ntpeters/base16-materialtheme-scheme) + * + * 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; + + font: "Roboto Mono 13"; +} + +window { + transparency: "real"; + /*fullscreen: true;*/ + background-color: #263238CC; /*base00 + CC (80% opacity)*/ +} + +mainbox { + children: [inputbar, message, sidebar, listview]; + spacing: 30px; + /*margin: 20%;*/ + 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; +} + +sidebar, 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; + highlight: bold underline; +} + +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; +}