Feat: initial setup for my X230 laptop

2022-03-04 14:42:27 -05:00
parent 9e0da2b4bf
commit d38a777f75
23 changed files with 999 additions and 422 deletions
--- a/waybar/.config/waybar/style.scss
+++ b/waybar/.config/waybar/style.scss
@@ -0,0 +1,189 @@
+// Angelo's Waybar config
+// https://github.com/angelofallars/dotfiles
+
+// Use Sass to compile this file down to CSS and restyle my bar.
+// https://sass-lang.com/installhttps://sass-lang.com/install
+// After downloading Sass, run this in this directory
+// to compile your changes:
+// $ sass --watch . --no-source-map
+
+// NOTE: If the Japanese River workspace icons do not show up,
+// you should install the Han Sans JP font.
+// Arch Linux:
+// $ sudo pacman -S adobe-source-han-sans-jp-fonts
+
+@use 'colors';
+
+// Distance of the entire bar from the sides
+$screen-margin: 6px;
+
+// Distance from the top of the screen
+$top-margin: 0px;
+
+// Margin/padding of individual modules
+$module-margin: 3px;
+$module-padding: 10px;
+
+// Font config
+$font: "JetBrains Mono Nerd Font";
+$font-size: 15px;
+$font-weight: 500;
+
+// How far away should the box shadow effect be diagonally
+$box-shadow-distance: 4px;
+
+// Border radius. Turning this option up will also round the offset shadows.
+$bar-border-radius: 0px;
+
+// -------------------------
+// Actual styling of the bar
+// -------------------------
+
+@mixin square-shadow {
+  box-shadow: $box-shadow-distance $box-shadow-distance 0 colors.$shadow;
+  margin-bottom: $box-shadow-distance;
+  margin-right: $box-shadow-distance;
+}
+
+@mixin single-module {
+  @include square-shadow;
+  margin-left: $module-margin;
+  margin-right: $module-margin + $box-shadow-distance;
+  padding-left: $module-padding;
+  padding-right: $module-padding;
+
+  background: colors.$bg;
+  border-radius: $bar-border-radius;
+}
+
+// !! If you add new custom modules, put their class name in here.
+#backlight, #battery, #cpu, #disk, #idle_inhibitor, #keyboard-state,
+#pulseaudio, #clock, #tags, #language, #memory, #network, #sndio,
+#mode, #window, #workspaces, #temperature, #taskbar, #workspaces,
+#custom-treefetch-downloads, #custom-update-count
+{
+  @include single-module;
+}
+
+* {
+  min-height: 0;
+}
+
+#workspaces button {
+    color: colors.$yellow;
+	margin: 0;
+	padding: 1px 1px 0px 1px;
+}
+
+#workspaces button.focused {
+    border: 1px solid colors.$fg;
+}
+
+window#waybar {
+  background: transparent;
+  color: colors.$fg;
+}
+
+.modules-left, .modules-center, .modules-right {
+  background: transparent;
+  margin-top: $top-margin;
+  border-radius: $bar-border-radius;
+  font-family: $font, monospace;
+  font-size: $font-size;
+  font-weight: $font-weight;
+}
+
+.modules-left {
+  margin-left: $screen-margin;
+}
+
+.modules-right {
+  margin-right: $screen-margin;
+}
+
+#mpd, #custom-mpd-song-scroll {
+  font-size: 12.0px;
+  font-weight: 700;
+  margin: 0;
+  padding: 0;
+}
+
+#mpd {
+  color: colors.$accent-color-no-bg;
+  margin-left: $module-margin + 2px;
+}
+
+#custom-mpd-song-scroll {
+  color: colors.$fg-no-bg;
+  margin-right: 50px;
+}
+
+// River tags
+
+#tags button {
+  color: colors.$fg-alt;
+  font-family: "Source Han Sans JP Heavy";
+  font-weight: 700;
+  padding: 0 3px;
+  margin: 0 2px;
+  min-width: 15px;
+  font-size: 17px;
+  border-radius: 0;
+  border: none;
+  transition: none;
+}
+
+#tags button.occupied {
+  color: inherit;
+}
+
+#tags button:hover {
+  color: colors.$bg;
+  background: colors.$fg-alt;
+  box-shadow: none;
+  text-shadow: none;
+  transition: 0;
+}
+
+#tags button.focused {
+  color: colors.$bg;
+  background: colors.$accent-color;
+}
+
+#tags button.urgent {
+  color: colors.$red;
+}
+
+@keyframes fadein {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+tooltip {
+  background: colors.$bg;
+  border-radius: 7px;
+  font-family: $font, monospace;
+  font-weight: $font-weight;
+  font-size: $font-size;
+  padding: 10px;
+  animation-name: fadein;
+  animation-duration: 0.2s;
+  border: 2px solid colors.$fg-alt;
+  text-shadow: none;
+  color: colors.$fg;
+}
+
+tooltip label {
+  color: colors.$fg;
+}
+
+#tray menu {
+  background: colors.$bg;
+  color: colors.$fg;
+  border-radius: 5px;
+  border: 2px solid colors.$fg-alt;
+}