135 lines
2.2 KiB
Plaintext
135 lines
2.2 KiB
Plaintext
* {
|
|
bg-col: #1e1e2e;
|
|
bg-col-light: #313244;
|
|
bg-col-dark: #11111b;
|
|
border-col: #89b4fa;
|
|
selected-col: #1e1e2e;
|
|
highlight: #c27dd6;
|
|
fg-col: #cdd6f4;
|
|
fg-col2: #f38ba8;
|
|
grey: #6c7086;
|
|
|
|
font: "comfortaa 14";
|
|
}
|
|
|
|
element-text, element-icon , mode-switcher {
|
|
background-color: inherit;
|
|
text-color: inherit;
|
|
vertical-align: 0.5;
|
|
}
|
|
|
|
window {
|
|
width: 699px;
|
|
margin: 60px 0 0 0;
|
|
location: north;
|
|
border: 3px;
|
|
border-radius: 16px;
|
|
border-color: @highlight;
|
|
background-color: @bg-col;
|
|
}
|
|
|
|
mainbox {
|
|
background-color: @bg-col;
|
|
spacing: 16px;
|
|
margin: 16px;
|
|
}
|
|
|
|
inputbar {
|
|
children: [icon-search, entry, mode-switcher];
|
|
background-color: @bg-col;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
icon-search {
|
|
expand: false;
|
|
filename: "launch";
|
|
padding: 0 4px 0 4px;
|
|
background-color: inherit;
|
|
size: 24px;
|
|
width: 24px;
|
|
}
|
|
|
|
entry {
|
|
padding: 8px;
|
|
text-color: @fg-col;
|
|
background-color: @bg-col-dark;
|
|
margin: 0 8px 0 0;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
listview {
|
|
border: 0;
|
|
columns: 5;
|
|
lines: 5;
|
|
background-color: @bg-col;
|
|
layout: horizontal;
|
|
flow: horizontal;
|
|
position: center;
|
|
spacing: 0;
|
|
dynamic: true;
|
|
}
|
|
|
|
element {
|
|
width: 132px;
|
|
background-color: @bg-col;
|
|
font: "Rubik 12";
|
|
text-color: @fg-col;
|
|
orientation: vertical;
|
|
horizontal-align: 0.5;
|
|
padding: 0px;
|
|
border-radius: 12px;
|
|
border: none;
|
|
}
|
|
|
|
element-text {
|
|
margin: 0;
|
|
padding: 0 4px 0 4px;
|
|
horizontal-align: 0.5;
|
|
}
|
|
|
|
element-icon {
|
|
size: 64px;
|
|
}
|
|
|
|
element selected {
|
|
background-color: @bg-col-light;
|
|
text-color: @fg-col;
|
|
border: @fg-col;
|
|
border-width: 2px;
|
|
}
|
|
|
|
mode-switcher {
|
|
margin: 0;
|
|
padding: 0 -4px 0 -4px;
|
|
spacing: 0;
|
|
width: 0;
|
|
}
|
|
|
|
button {
|
|
width: 100px;
|
|
border-radius: 12px;
|
|
background-color: @bg-col;
|
|
text-color: @grey;
|
|
vertical-align: 0.5;
|
|
margin: 0 4px 0 4px;
|
|
background-color: @bg-col-dark;
|
|
}
|
|
|
|
button selected {
|
|
background-color: @highlight;
|
|
text-color: @bg-col;
|
|
}
|
|
|
|
message {
|
|
enabled: false;
|
|
background-color: transparent;
|
|
}
|
|
|
|
textbox {
|
|
enabled: false;
|
|
background-color: transparent;
|
|
font: "Rukik 1";
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|