bitzdots

1/* Default wallpaper picker theme (M3 / Nord centered vertical layout) */
2 
3* {
4    bg0:           #2e3440;
5    bg1:           #3b4252;
6    fg0:           #eceff4;
7    fg1:           #d8dee9;
8    accent:        #88c0d0;
9    select:        #434c5e;
10    on-select:     #eceff4;
11    border-subtle: #4c566a;
12 
13    background-color: transparent;
14    text-color:       @fg0;
15    font:            "JetBrainsMono Nerd Font 10";
16 
17    margin:     0px;
18    padding:    0px;
19    spacing:    0px;
20}
21 
22window {
23    location:           center;
24    anchor:             center;
25    width:              720px;
26    border:             2px;
27    border-color:       @accent;
28    border-radius:      0;
29    background-color:   @bg0;
30    children:           [ mainbox, message ];
31}
32 
33mainbox {
34    orientation:    vertical;
35    children:       [ inputbar, listview ];
36}
37 
38inputbar {
39    padding:          12px 16px;
40    spacing:          10px;
41    children:         [ prompt, entry ];
42    background-color: @bg1;
43}
44 
45prompt, entry, element-text, element-icon {
46    vertical-align: 0.5;
47}
48 
49prompt {
50    font:       "JetBrainsMono Nerd Font Bold 11";
51    text-color: @accent;
52}
53 
54entry {
55    placeholder:       "Type to filter wallpapers...";
56    placeholder-color: @fg1;
57    cursor:            text;
58    text-color:        @fg0;
59}
60 
61listview {
62    lines:        8;
63    columns:      1;
64    spacing:      6px;
65    padding:      8px;
66    fixed-height: false;
67}
68 
69element {
70    padding:       8px 12px;
71    spacing:       14px;
72    border-radius: 0;
73}
74 
75element normal active {
76    text-color: @accent;
77}
78 
79element alternate active {
80    text-color: @accent;
81}
82 
83element selected {
84    background-color: @select;
85}
86 
87element selected normal {
88    background-color: @select;
89}
90 
91element selected active {
92    background-color: @accent;
93}
94 
95element-icon {
96    size: 48px;
97    border-radius: 4px;
98}
99 
100element-text {
101    text-color: inherit;
102}
103 
104element selected text {
105    text-color: @on-select;
106}
107