diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a7841d0 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +tmp.png diff --git a/style.css b/style.css index efeedac..af789b3 100644 --- a/style.css +++ b/style.css @@ -27,6 +27,11 @@ by Stephan Raabe (2023) /* box-shadow: none; */ /* } */ +* { + background-image: none; + box-shadow: none; +} + window { font-family: Hurmit Nerd Font; font-size: 16pt; diff --git a/style_blur.css b/style_blur.css new file mode 100644 index 0000000..8b7b6bb --- /dev/null +++ b/style_blur.css @@ -0,0 +1,108 @@ +/* + _ _ +__ _| | ___ __ _ ___ _ _| |_ +\ \ /\ / / |/ _ \ / _` |/ _ \| | | | __| + \ V V /| | (_) | (_| | (_) | |_| | |_ + \_/\_/ |_|\___/ \__, |\___/ \__,_|\__| + |___/ + +by Stephan Raabe (2023) +----------------------------------------------------- +*/ + +/* ----------------------------------------------------- + * Import Pywal colors + * ----------------------------------------------------- */ +/*@import '../../.cache/wal/colors-waybar.css';*/ + +/* ----------------------------------------------------- + * General + * ----------------------------------------------------- */ + +/* * { */ +/* font-family: Fira Code Medium; */ +/* font-size: 16pt; */ +/* background-image: none; */ +/* transition: 20ms; */ +/* box-shadow: none; */ +/* } */ + +* { + background-image: none; + box-shadow: none; +} + +window { + background-image: url("./tmp.png"); + font-family: Hurmit Nerd Font; + font-size: 16pt; + color: #cdd6f4; /* text */ + background-color: rgba(54, 56, 64, 0.73); +} + +button { + color: @color7; + font-size: 20px; + + background-repeat: no-repeat; + background-position: center; + background-size: 25%; + + border-style: solid; + background-color: rgba(12, 12, 12, 0.5); + border: 3px solid @color6; + + box-shadow: + 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); +} + +button:focus, +button:active, +button:hover { + color: @color11; + background-color: rgba(12, 12, 12, 0.5); + border: 3px solid @color2; +} + +/* +----------------------------------------------------- +Buttons +----------------------------------------------------- +*/ + +#lock { + margin: 16px; + border-radius: 20px; + background-image: image(url("icons/lock.png")); +} + +#logout { + margin: 16px; + border-radius: 20px; + background-image: image(url("icons/logout.png")); +} + +#suspend { + margin: 16px; + border-radius: 20px; + background-image: image(url("icons/suspend.png")); +} + +#hibernate { + margin: 16px; + border-radius: 20px; + background-image: image(url("icons/hibernate.png")); +} + +#shutdown { + margin: 16px; + border-radius: 20px; + background-image: image(url("icons/shutdown.png")); +} + +#reboot { + margin: 16px; + border-radius: 20px; + background-image: image(url("icons/reboot.png")); +}