styling fixes - less purple
This commit is contained in:
Henrik Bakken
@@ -1,5 +1,5 @@
|
||||
[Settings]
|
||||
gtk-theme-name=Arc-Dark
|
||||
gtk-theme-name=Adwaita-dark
|
||||
gtk-icon-theme-name=Qogir-dark
|
||||
gtk-font-name=Noto Sans 10
|
||||
gtk-cursor-theme-name=Qogir-dark
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
[main]
|
||||
gtk-theme=Arc-Dark
|
||||
gtk-theme-name=Adwaita-dark
|
||||
time-format=%H:%M
|
||||
start-hidden=1
|
||||
modules=powerbar-module
|
||||
|
||||
+18
-16
@@ -1,43 +1,45 @@
|
||||
* {
|
||||
border: none;
|
||||
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8)
|
||||
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
|
||||
border-radius: 0px;
|
||||
}
|
||||
window {
|
||||
background-image: url("EndeavourOS_Astronaut_SpaceWalk.png");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-color: black;
|
||||
background-color: #0a0a0a;
|
||||
}
|
||||
#clock-label {
|
||||
font-family: JetBrainsMono;
|
||||
font-size: 64.0px;
|
||||
font-size: 64px;
|
||||
color: #00e5ff;
|
||||
}
|
||||
#unlock-button {
|
||||
background: none;
|
||||
background-color: rgba(127, 63, 191, 0.4);
|
||||
border: 2px solid rgba(127, 63, 191, 0.5);
|
||||
background-color: rgba(10, 10, 10, 0.8);
|
||||
border: 2px solid #333333;
|
||||
padding: 4px;
|
||||
color: #ffffff;
|
||||
}
|
||||
#unlock-button:hover {
|
||||
background-color: rgba(127, 63, 191, 0.9);
|
||||
border-color: #00e5ff;
|
||||
background-color: #000000;
|
||||
}
|
||||
#input-field {
|
||||
border-radius: 10px;
|
||||
background-color: rgba(127, 127, 255, 0.1);
|
||||
border: 2px solid rgba(127, 63, 191, 0.5);
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
border: 2px solid #00e5ff;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
color: #ffffff;
|
||||
}
|
||||
#powerbar-box button {
|
||||
background: none;
|
||||
background-color: rgba(127, 63, 191, 0.4);
|
||||
border: 2px solid rgba(127, 63, 191, 0.5);
|
||||
border-radius: 10px;
|
||||
padding: 4px;
|
||||
background-color: rgba(10, 10, 10, 0.8);
|
||||
border: 2px solid #333333;
|
||||
padding: 6px;
|
||||
}
|
||||
#powerbar-box button:hover {
|
||||
background-color: rgba(127, 63, 191, 0.9);
|
||||
border-color: #00e5ff;
|
||||
color: #00e5ff;
|
||||
}
|
||||
#input-label {
|
||||
font-size: 0px;
|
||||
|
||||
@@ -1,38 +1,43 @@
|
||||
window {
|
||||
background-color: rgba (38, 18, 57, 0.9);
|
||||
color: #eceff4;
|
||||
border-radius: 30px
|
||||
background-color: rgba(10, 10, 10, 0.95);
|
||||
color: #ffffff;
|
||||
border-radius: 0px;
|
||||
border-right: 2px solid #00e5ff;
|
||||
}
|
||||
|
||||
/* search entry */
|
||||
entry {
|
||||
box-shadow: 0 0 6px 5px #2e3440;
|
||||
background-color: rgba (0, 0, 0, 0.5)
|
||||
box-shadow: none;
|
||||
border: 1px solid #00e5ff;
|
||||
background-color: #000000;
|
||||
color: #00e5ff;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
button, image {
|
||||
background-color: #3b4252;
|
||||
button,
|
||||
image {
|
||||
background-color: transparent;
|
||||
background: none;
|
||||
border: none;
|
||||
margin: 10px
|
||||
border: 1px solid transparent;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: rgba (127, 63, 191, .4);
|
||||
box-shadow: 0 0 6px 5px #190C26
|
||||
background-color: #111111;
|
||||
border: 1px solid #00e5ff;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* in case you wanted to give category buttons a different look */
|
||||
#category-button {
|
||||
margin: 0 0px 0 0px
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#pinned-box {
|
||||
padding-bottom: 1px;
|
||||
border-bottom: 1px solid gray
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 2px solid #333333;
|
||||
}
|
||||
|
||||
#files-box {
|
||||
padding: 1px;
|
||||
border: 1px solid gray
|
||||
padding: 5px;
|
||||
border: 1px solid #333333;
|
||||
}
|
||||
|
||||
+29
-47
@@ -1,45 +1,35 @@
|
||||
/* =============================================================================
|
||||
*
|
||||
* Waybar configuration
|
||||
*
|
||||
* Configuration reference: https://github.com/Alexays/Waybar/wiki/Configuration
|
||||
*
|
||||
* =========================================================================== */
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
* Keyframes
|
||||
* Keyframes & Colors
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
@define-color highlight #685878 ;
|
||||
@define-color base1 #19191e ;
|
||||
@define-color highlight #00E5FF;
|
||||
@define-color base1 #0A0A0A;
|
||||
@define-color text #FFFFFF;
|
||||
@define-color urgent #FF0033;
|
||||
@define-color dim #333333;
|
||||
|
||||
@keyframes blink-warning {
|
||||
70% {
|
||||
color: white;
|
||||
color: @text;
|
||||
}
|
||||
|
||||
to {
|
||||
color: white;
|
||||
color: @text;
|
||||
background-color: orange;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blink-critical {
|
||||
70% {
|
||||
color: white;
|
||||
color: @text;
|
||||
}
|
||||
|
||||
to {
|
||||
color: white;
|
||||
background-color: red;
|
||||
color: @text;
|
||||
background-color: @urgent;
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
* Base styles
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
/* Reset all styles */
|
||||
* {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
@@ -48,13 +38,13 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* The whole bar */
|
||||
#waybar {
|
||||
background: transparent;
|
||||
color: #e3e3ea;
|
||||
color: @text;
|
||||
background-color: @base1;
|
||||
font-family: JetBrainsMono;
|
||||
font-size: 13px;
|
||||
border-bottom: 2px solid @dim;
|
||||
}
|
||||
|
||||
/* Every modules */
|
||||
@@ -69,44 +59,36 @@
|
||||
#battery,
|
||||
#clock,
|
||||
#tray {
|
||||
padding:0.5rem 0.6rem;
|
||||
padding: 0.5rem 0.6rem;
|
||||
margin: 1px 0px;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
* Module styles
|
||||
* -------------------------------------------------------------------------- */
|
||||
|
||||
#custom-launcher {
|
||||
margin-left:15px;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
#workspaces {
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
border-radius: 5px;
|
||||
color: #eceff4;
|
||||
border-radius: 0px;
|
||||
color: @text;
|
||||
padding: 1px 6px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px;
|
||||
border-bottom: 2px solid transparent;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
border: 1px solid #d8dee9;
|
||||
border-bottom: 2px solid @highlight;
|
||||
color: @highlight;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
border-color: #c9545d;
|
||||
color: #c9545d;
|
||||
border-color: @urgent;
|
||||
color: @urgent;
|
||||
}
|
||||
|
||||
#mode {
|
||||
background: @highlight;
|
||||
border-bottom: 3px transparent;
|
||||
color:white;
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
margin-left: 5px;
|
||||
padding: 7px;
|
||||
}
|
||||
@@ -135,14 +117,14 @@
|
||||
|
||||
#memory.warning {
|
||||
color: orange;
|
||||
}
|
||||
}
|
||||
|
||||
#memory.critical {
|
||||
color: red;
|
||||
animation-name: blink-critical;
|
||||
animation-duration: 2s;
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#backlight.icon {
|
||||
@@ -180,7 +162,7 @@
|
||||
}
|
||||
|
||||
#custom-power {
|
||||
margin-left:15px;
|
||||
margin-right:15px;
|
||||
font-size:15px;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user