New theme idea

[Meilky]

Hi @kyoz,
It's Meilky, again xD

I have a theme idea for rofi, the alternative to dmenu.
I already start it and it look pretty but I don't have the exact color (I took it from the nvim config).
Could you do a big readme to tell me (us for everyone who want to do a theme) what are the color code (in hex, rgb(a),the term code,etc..) and what they mean (is it for the background, the cursor, etc...)

Here is what it look like for now:
quality is not there for the image

[kyoz]

Hello @Meilky ,

This is the list of Purify Colors in hex and cterm format. Use this as a reference to config your rofi colors is pretty easy.

Purify Colors

I'v tried to use rofi before but end up using dmenu cause i don't need so much features 😆

[Meilky]

Thank you @kyoz,

I will try my best to do a nice config for rofi.

Have a great day

[kyoz]

Hi @Meilky ,

I'v merged your config. I just tested it and it work great. But i think the font shouldn't set in the theme (Base on my knowledge about rofi)

Font should be set in ~/.config/rofi/config with rofi.font = FiraCode...etc

Also this is my tested version. kkk. Give it a try and update rofi theme based on your favorited 😄

* {
    foreground:       #FFFFFF;
    backlight:        #3E4452;
	  background-color: #282C3484;
    dark:             #1c1c1c;
    black:            #282C34;
    darkerblack:      #16171984;
    red:              #FF0000;
    green:            #5FFF87;
    yellow:           #FFFF87;
    blue:      	      #5FAFFF;
    magenta:          #AF87FF;
    cyan:      	      #5FAFFF;
    white:            #FFFFFF;
	  pink:             #FF79C6;
    highlight:        underline #5FAFFF;
}

#window {
    location: center;
    anchor:   center;
    border:  0px;
    border-radius: 16px;
    border-color: @pink;
    spacing: 0;
    children:  [mainbox];
    orientation: horizontal;
}

#mainbox {
    spacing: 0;
    children: [ inputbar, message, listview ];
}

#message {
    border-color: @pink;
    border:  0px 1px 1px 1px;
    padding: 8;
    background-color: @green;
}

#message {
    color: @black;
}

#inputbar {
    color: @green;
    padding: 12px;
    border: 1px 1px 1px 1px;
    border-radius:  12px 12px 0px 0px;
    border-color: @pink;
    margin: 16px 16px 0 16px;
}

#entry,prompt,case-indicator {
    text-font: inherit;
    text-color:inherit;
}

#prompt {
    margin: 0px 0.3em 0em 0em ;
}

#listview {
    padding: 0px;
    border-radius: 0px 0px 12px 12px;
    border-color: @pink;
    margin: 0 16px 16px 16px;
    border: 0px 1px 1px 1px;
    dynamic: false;
    lines: 10;
}

#element {
    padding: 12px;
    vertical-align: 0.5;
    border: 0 0 1 0;
	  border-color: @pink;
    color: @white;
    font:inherit;
}

#element selected.normal {
    background-color: @darkerblack;
}

#element normal active {
    foreground: @blue;
}

#element normal urgent {
    foreground: @red;
}

#element alternate active {
    foreground: @blue;
}

#element alternate urgent {
    foreground: @red;
}

#element selected active {
    background-color: @blue;
    foreground: @dark;
}

#element selected urgent {
    background-color: @red;
    foreground: @dark;
}

#vertb {
    expand: false;
    children: [ dummy0, mode-switcher, dummy1  ];
}

#dummy0,  dummy1 {
    expand: true;
}

#mode-switcher {
    expand: false;
    orientation: vertical;
    spacing: 0px;
    border: 0px 0px 0px 0px;
}

#button {
    padding: 6px;
    border: 2px 0px 2px 2px;
    border-radius: 4px 0px 0px 4px;
    border-color: @foreground;
    color: @foreground;
    horizontal-align: 0.5;
}

#button selected normal {
    color: @dark;
    border: 2px 0px 2px 2px;
    background-color: @darkerblack;
    border-color: @foreground;
}

[Meilky]

Just a little question, what is the color for i3.
I have that but it's not amazing:

# class                          border  backgr. text    indicator child_border
client.focused               #AF87FF #2C323C #E5E5E5 #5FAFFF   #AF87FF
client.focused_inactive #FF875F #2C323C #E5E5E5 #5FAFFF   #FF875F
client.unfocused           #FF875F #2C323C #E5E5E5 #5FAFFF   #FF875F
client.urgent                 #FF0000 #2C323C  #E5E5E5 #5FAFFF  #FF0000
client.placeholder        #282C34 #2C323C  #E5E5E5 #5FAFFF   #282C34
client.background        #ffffff

[kyoz]

I used i3wm in the past for a few months, but now i'm using dwm so i don't really remember how to config it.

But if you want, you can give these config a try, choose what you like and adapt it with Purify Colors

😺

[Meilky]

I will try to do a nice i3wm config for purify xD.

[kyoz]

Great 🐱