├── README.md
├── image1.png
├── image2.png
└── nord.rasi
/README.md:
--------------------------------------------------------------------------------
1 | # Nord rofi theme
2 | 
3 |
4 | An arctic, north-bluish clean and elegant Rofi color theme.
5 |
6 | Designed for a fluent and clear workflow.
7 | Based on the Nord color palette.
8 |
9 | ---
10 |
11 | 
Font: Envy Code R 10px.
12 |
13 | ## Getting started
14 | ### Installation
15 |
16 | 1. Copy nord.rasi file to `~/.config/rofi/nord.rasi`
17 | 2. Add the following lines to your rofi config (`~/.config/rofi/config.rasi`):
18 | ```
19 | configuration {
20 | font: "Envy Code R 10";
21 | line-margin: 10;
22 |
23 | display-ssh: "";
24 | display-run: "";
25 | display-drun: "";
26 | display-window: "";
27 | display-combi: "";
28 | show-icons: true;
29 | }
30 |
31 |
32 | @theme "~/.config/rofi/nord.rasi"
33 |
34 | listview {
35 | lines: 6;
36 | columns: 2;
37 | }
38 |
39 | window {
40 | width: 30%;
41 | }
42 | ```
43 |
--------------------------------------------------------------------------------
/image1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/undiabler/nord-rofi-theme/124082a721b069bf22749a6e5cd6e42a3b094a53/image1.png
--------------------------------------------------------------------------------
/image2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/undiabler/nord-rofi-theme/124082a721b069bf22749a6e5cd6e42a3b094a53/image2.png
--------------------------------------------------------------------------------
/nord.rasi:
--------------------------------------------------------------------------------
1 | /**
2 | * Nordic rofi theme
3 | * Adapted by undiabler
4 | *
5 | * Nord Color palette imported from https://www.nordtheme.com/
6 | *
7 | */
8 |
9 |
10 | * {
11 | nord0: #2e3440;
12 | nord1: #3b4252;
13 | nord2: #434c5e;
14 | nord3: #4c566a;
15 |
16 | nord4: #d8dee9;
17 | nord5: #e5e9f0;
18 | nord6: #eceff4;
19 |
20 | nord7: #8fbcbb;
21 | nord8: #88c0d0;
22 | nord9: #81a1c1;
23 | nord10: #5e81ac;
24 | nord11: #bf616a;
25 |
26 | nord12: #d08770;
27 | nord13: #ebcb8b;
28 | nord14: #a3be8c;
29 | nord15: #b48ead;
30 |
31 | foreground: @nord9;
32 | backlight: #ccffeedd;
33 | background-color: transparent;
34 |
35 | highlight: underline bold #eceff4;
36 |
37 | transparent: rgba(46,52,64,0);
38 | }
39 |
40 | window {
41 | location: center;
42 | anchor: center;
43 | transparency: "screenshot";
44 | padding: 10px;
45 | border: 0px;
46 | border-radius: 6px;
47 |
48 | background-color: @transparent;
49 | spacing: 0;
50 | children: [mainbox];
51 | orientation: horizontal;
52 | }
53 |
54 | mainbox {
55 | spacing: 0;
56 | children: [ inputbar, message, listview ];
57 | }
58 |
59 | message {
60 | color: @nord0;
61 | padding: 5;
62 | border-color: @foreground;
63 | border: 0px 2px 2px 2px;
64 | background-color: @nord7;
65 | }
66 |
67 | inputbar {
68 | color: @nord6;
69 | padding: 11px;
70 | background-color: #3b4252;
71 |
72 | border: 1px;
73 | border-radius: 6px 6px 0px 0px;
74 | border-color: @nord10;
75 | }
76 |
77 | entry, prompt, case-indicator {
78 | text-font: inherit;
79 | text-color:inherit;
80 | }
81 |
82 | prompt {
83 | margin: 0px 1em 0em 0em ;
84 | }
85 |
86 | listview {
87 | padding: 8px;
88 | border-radius: 0px 0px 6px 6px;
89 | border-color: @nord10;
90 | border: 0px 1px 1px 1px;
91 | background-color: rgba(46,52,64,0.9);
92 | dynamic: false;
93 | }
94 |
95 | element {
96 | padding: 3px;
97 | vertical-align: 0.5;
98 | border-radius: 4px;
99 | background-color: transparent;
100 | color: @foreground;
101 | text-color: rgb(216, 222, 233);
102 | }
103 |
104 | element selected.normal {
105 | background-color: @nord7;
106 | text-color: #2e3440;
107 | }
108 |
109 | element-text, element-icon {
110 | background-color: inherit;
111 | text-color: inherit;
112 | }
113 |
114 | button {
115 | padding: 6px;
116 | color: @foreground;
117 | horizontal-align: 0.5;
118 |
119 | border: 2px 0px 2px 2px;
120 | border-radius: 4px 0px 0px 4px;
121 | border-color: @foreground;
122 | }
123 |
124 | button selected normal {
125 | border: 2px 0px 2px 2px;
126 | border-color: @foreground;
127 | }
128 |
129 | textbox {
130 | padding: 8px;
131 | border-radius: 6px 6px 6px 6px;
132 | border-color: @nord10;
133 | border: 1px 1px 1px 1px;
134 | background-color: rgba(46,52,64,0.9);
135 | dynamic: true;
136 | text-color: @backlight;
137 | }
138 |
--------------------------------------------------------------------------------