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

home/config/rofi/colors.rasi

@@ -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;
+}

home/config/rofi/confirm.rasi

@@ -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;
+}

home/config/rofi/custom.rasi

@@ -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;
-}

home/config/rofi/launcher.rasi

@@ -26,7 +26,7 @@ configuration {
     display-name: "⚝";
   }
 
-  drun-display-format:        "{name}";
+  drun-display-format: "{name}";
   window-format: "{c} - {t}";
 
   timeout {
@@ -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;
+}

home/config/rofi/powermenu.rasi

@@ -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;
+}