增加电源弹窗和确认弹窗的样式

master
yutent 2023-07-06 11:46:43 +00:00
parent 2cec4a0485
commit 5fd01b78a8
5 changed files with 267 additions and 87 deletions

View File

@ -0,0 +1,18 @@
* {
border: 0;
margin: 0;
padding: 0;
spacing: 0;
bg: #282a3680;
fg: #f8f8f2;
blue: #81a1c1;
green: #a3be8c;
grey: #ffffff10;
greydim: #aeaeae;
bluea: #81a1c150;
greena: #a3be8ca0;
background-color: @bg;
text-color: @fg;
}

View File

@ -0,0 +1,82 @@
configuration {
show-icons: false;
}
@import "./colors.rasi"
window {
transparency: "real";
width: 300px;
border-radius: 10px;
background-color: @bg;
}
mainbox {
padding: 24px;
background-color: transparent;
children: [ "inputbar", "listview" ];
}
inputbar {
spacing: 12;
background-color: transparent;
children: [ "textbox-prompt-colon", "prompt"];
}
textbox-prompt-colon {
expand: false;
str: "";
font: "'Material Icons' 24px";
padding: 12px 14px;
border-radius: 50%;
background-color: @blue;
text-color: @fg;
vertical-align: 0.5;
}
prompt {
padding: 12px 16px;
border-radius: 24px;
background-color: @blue;
text-color: @fg;
vertical-align: 0.5;
}
listview {
columns: 6;
lines: 1;
scrollbar: false;
margin:16px 0 0 0;
spacing: 10px;
background-color: transparent;
}
element {
width: 128px;
padding: 24px 32px;
border-radius: 12px;
background-color: @bluea;
cursor: pointer;
}
element-text {
font: "'Material Icons' 32px";
vertical-align: 0.5;
horizontal-align: 0.5;
background-color: transparent;
}
element normal.active,
element alternate.active,
element selected.urgent {
background-color: @green;
}
element selected.normal {
background-color: @green;
}

View File

@ -1,85 +0,0 @@
* {
border: 0;
margin: 0;
padding: 0;
spacing: 0;
bg: #282a3680;
fg: #f8f8f2;
blue: #81a1c1;
green: #a3be8c;
grey: #ffffff10;
bluea: #81a1c150;
greena: #a3be8c80;
background-color: @bg;
text-color: @fg;
}
window {
transparency: "real";
border-radius: 6px;
background-color: @bg;
}
mainbox {
padding: 24px;
children: [inputbar, listview];
}
inputbar {
background-color: @grey;
border-radius: 6px;
margin: 12px 0;
children: [prompt, entry];
}
entry {
background-color: transparent;
padding: 16px 4px;
}
prompt {
padding: 16px;
background-color: transparent;
}
listview {
lines: 8;
scrollbar: true;
background-color: transparent;
}
scrollbar {
handle-width: 5px ;
handle-color: @blue;
background-color: @bg;
}
element {
padding: 0 12px;
margin: 0 12px 0 0;
border-radius: 6px;
text-color: @blue;
background-color: transparent;
children: [element-icon, element-text];
}
element-icon {
size: 2ch;
padding: 12px 10px;
background-color: transparent;
}
element-text {
padding: 12px 0;
text-color: inherit;
background-color: transparent;
}
element selected {
background-color: @greena;
}
element-text selected {
text-color: #ffffff;
}

View File

@ -35,4 +35,75 @@ configuration {
}
}
@theme "./custom.rasi"
@theme "./colors.rasi"
window {
transparency: "real";
width: 720px;
border-radius: 6px;
background-color: @bg;
}
mainbox {
padding: 24px;
children: [inputbar, listview];
}
inputbar {
background-color: @grey;
border-radius: 6px;
margin: 12px 0;
children: [prompt, entry];
}
entry {
background-color: transparent;
padding: 16px 4px;
}
prompt {
padding: 16px;
background-color: transparent;
}
listview {
lines: 8;
scrollbar: true;
cycle: false;
background-color: transparent;
}
scrollbar {
handle-width: 5px ;
handle-color: @blue;
background-color: @bg;
}
element {
padding: 0 12px;
margin: 0 12px 0 0;
border-radius: 6px;
text-color: @blue;
background-color: transparent;
children: [element-icon, element-text];
}
element-icon {
size: 2ch;
padding: 12px 10px;
background-color: transparent;
}
element-text {
padding: 12px 0;
text-color: inherit;
background-color: transparent;
}
element selected {
background-color: @greena;
}
element-text selected {
text-color: #ffffff;
}

View File

@ -0,0 +1,94 @@
configuration {
show-icons: false;
}
@import "./colors.rasi"
window {
transparency: "real";
width: 600px;
border-radius: 10px;
background-color: @bg;
}
mainbox {
padding: 24px;
children: [ "inputbar", "message", "listview" ];
}
inputbar {
spacing: 12;
background-color: transparent;
children: [ "textbox-prompt-colon", "prompt"];
}
textbox-prompt-colon {
expand: false;
str: "";
font: "'Material Icons' 24px";
padding: 12px 14px;
border-radius: 50%;
background-color: @blue;
text-color: @fg;
vertical-align: 0.5;
}
prompt {
padding: 12px 16px;
border-radius: 24px;
background-color: @blue;
text-color: @fg;
vertical-align: 0.5;
}
message {
padding: 12px;
border-radius: 12px;
background-color: transparent;
text-color: @greydim;
}
textbox {
background-color: inherit;
text-color: inherit;
vertical-align: 0.5;
}
listview {
columns: 6;
lines: 1;
scrollbar: false;
spacing: 10px;
background-color: transparent;
}
element {
width: 128px;
padding: 24px 32px;
border-radius: 12px;
background-color: @bluea;
cursor: pointer;
}
element-text {
font: "'Material Icons' 32px";
vertical-align: 0.5;
horizontal-align: 0.5;
background-color: transparent;
}
element normal.active,
element alternate.active,
element selected.urgent {
background-color: @green;
}
element selected.normal {
background-color: @green;
}