增加电源弹窗和确认弹窗的样式
parent
2cec4a0485
commit
5fd01b78a8
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
Loading…
Reference in New Issue