New rofi themes

- Add dracula blurry full rofi theme
- Add official dracula rofi theme
- Change rofi theme to dracula blurry full
This commit is contained in:
Sravan Balaji
2020-10-31 17:57:23 -04:00
parent 3a9b422f38
commit 92867b3679
3 changed files with 261 additions and 1 deletions

View File

@@ -143,4 +143,4 @@ configuration {
/* me-accept-entry: "MouseDPrimary";*/
/* me-accept-custom: "Control+MouseDPrimary";*/
}
@import "./themes/sidetab-dracula.rasi"
@import "./themes/dracula-blurry-full.rasi"

View File

@@ -0,0 +1,138 @@
/*
*
* Author : Aditya Shakya (adi1090x)
* Mail : adi1090x@gmail.com
* Github : @adi1090x
* Reddit : @adi1090x
*
* Dracula Theme Colors : Sravan Balaji (balajsra)
* Mail: balajsra@umich.edu
* Github: @balajsra
*/
configuration {
drun-display-format: "{name}";
threads: 0;
scroll-method: 0;
disable-history: false;
fullscreen: false;
hide-scrollbar: true;
sidebar-mode: false;
}
* {
background: #00000000;
background-color: #282a36cc;
background-entry: #44475acc;
background-alt: #44475acc;
foreground: #f8f8f2cc;
foreground-selected: #50fa7bcc;
urgent: #ff5555cc;
urgent-selected: #ff5555cc;
}
window {
transparency: "real";
background-color: @background;
text-color: @foreground;
height: 100%;
width: 100%;
location: northwest;
anchor: northwest;
x-offset: 0;
y-offset: 0;
}
prompt {
enabled: false;
}
inputbar {
background-color: @background-alt;
text-color: @foreground;
expand: false;
border-radius: 6px;
margin: 0px 430px 0px 430px;
padding: 10px 10px 10px 10px;
position: north;
}
entry {
background-color: @background;
text-color: @foreground;
placeholder-color: @foreground;
expand: true;
horizontal-align: 0.5;
placeholder: "Search applications";
blink: true;
}
case-indicator {
background-color: @background;
text-color: @foreground;
spacing: 0;
}
listview {
background-color: @background;
columns: 7;
spacing: 4px;
cycle: false;
dynamic: true;
layout: vertical;
}
mainbox {
background-color: @background-color;
children: [ inputbar, listview ];
spacing: 25px;
padding: 70px 135px 55px 135px;
}
element {
background-color: @background;
text-color: @foreground;
orientation: vertical;
border-radius: 9px;
padding: 20px 0px 20px 0px;
}
element-icon {
size: 65px;
border: 0px;
}
element-text {
expand: true;
horizontal-align: 0.5;
vertical-align: 0.5;
margin: 5px 10px 0px 10px;
}
element normal.urgent,
element alternate.urgent {
background-color: @urgent;
text-color: @foreground;
border-radius: 9px;
}
element normal.active,
element alternate.active {
background-color: @background-alt;
text-color: @foreground;
}
element selected {
background-color: @background-alt;
text-color: @foreground-selected;
}
element selected.urgent {
background-color: @urgent-selected;
text-color: @foreground;
}
element selected.active {
background-color: @background-alt;
color: @foreground-selected;
}

View File

@@ -0,0 +1,122 @@
/*Dracula theme based on the Purple official rofi theme*/
* {
font: "Jetbrains Mono 12";
foreground: #f8f8f2;
background-color: #282a36;
active-background: #6272a4;
urgent-background: #ff5555;
selected-background: @active-background;
selected-urgent-background: @urgent-background;
selected-active-background: @active-background;
separatorcolor: @active-background;
bordercolor: @active-background;
}
#window {
background-color: @background;
border: 1;
border-radius: 6;
border-color: @bordercolor;
padding: 5;
}
#mainbox {
border: 0;
padding: 0;
}
#message {
border: 1px dash 0px 0px ;
border-color: @separatorcolor;
padding: 1px ;
}
#textbox {
text-color: @foreground;
}
#listview {
fixed-height: 0;
border: 2px dash 0px 0px ;
border-color: @bordercolor;
spacing: 2px ;
scrollbar: false;
padding: 2px 0px 0px ;
}
#element {
border: 0;
padding: 1px ;
}
#element.normal.normal {
background-color: @background;
text-color: @foreground;
}
#element.normal.urgent {
background-color: @urgent-background;
text-color: @urgent-foreground;
}
#element.normal.active {
background-color: @active-background;
text-color: @foreground;
}
#element.selected.normal {
background-color: @selected-background;
text-color: @foreground;
}
#element.selected.urgent {
background-color: @selected-urgent-background;
text-color: @foreground;
}
#element.selected.active {
background-color: @selected-active-background;
text-color: @foreground;
}
#element.alternate.normal {
background-color: @background;
text-color: @foreground;
}
#element.alternate.urgent {
background-color: @urgent-background;
text-color: @foreground;
}
#element.alternate.active {
background-color: @active-background;
text-color: @foreground;
}
#scrollbar {
width: 2px ;
border: 0;
handle-width: 8px ;
padding: 0;
}
#sidebar {
border: 2px dash 0px 0px ;
border-color: @separatorcolor;
}
#button.selected {
background-color: @selected-background;
text-color: @foreground;
}
#inputbar {
spacing: 0;
text-color: @foreground;
padding: 1px ;
}
#case-indicator {
spacing: 0;
text-color: @foreground;
}
#entry {
spacing: 0;
text-color: @foreground;
}
#prompt {
spacing: 0;
text-color: @foreground;
}
#inputbar {
children: [ prompt,textbox-prompt-colon,entry,case-indicator ];
}
#textbox-prompt-colon {
expand: false;
str: ":";
margin: 0px 0.3em 0em 0em ;
text-color: @foreground;
}