docs: migrate wiki into main repo

2025-07-02 11:11:04 +02:00 · 2022-11-06 22:52:21 +00:00 · 2022-11-06 22:52:21 +00:00 · 58d55db660
commit 58d55db660
parent 1c032ae8e3
16 changed files with 1727 additions and 0 deletions
--- a/docs/examples/Stylesheet.md
+++ b/docs/examples/Stylesheet.md
@ -0,0 +1,142 @@
+The below example is a full stylesheet for all modules:
+
+```css
+* {
+    /* a nerd font is required to be installed for icons */
+    font-family: Noto Sans Nerd Font, sans-serif;
+    font-size: 16px;
+    border: none;
+}
+
+#bar {
+    border-top: 1px solid #424242;
+}
+
+.container {
+    background-color: #2d2d2d;
+}
+
+.container#end > * + * {
+    margin-left: 20px;
+}
+
+.popup {
+    background-color: #2d2d2d;
+    border: 1px solid #424242;
+}
+
+#workspaces .item {
+    color: white;
+    background-color: #2d2d2d;
+    border-radius: 0;
+}
+
+#workspaces .item.focused {
+    box-shadow: inset 0 -3px;
+    background-color: #1c1c1c;
+}
+
+#workspaces *:not(.focused):hover {
+    box-shadow: inset 0 -3px;
+}
+
+#launcher .item {
+    border-radius: 0;
+    background-color: #2d2d2d;
+    margin-right: 4px;
+}
+
+#launcher .item:not(.focused):hover {
+    background-color: #1c1c1c;
+}
+
+#launcher .open {
+    border-bottom: 2px solid #6699cc;
+}
+
+#launcher .focused {
+    color: white;
+    background-color: black;
+    border-bottom: 4px solid #6699cc;
+}
+
+#launcher .urgent {
+    color: white;
+    background-color: #8f0a0a;
+}
+
+#script {
+    color: white;
+}
+
+#sysinfo {
+    color: white;
+}
+
+#tray .item {
+    background-color: #2d2d2d;
+}
+
+#mpd {
+    background-color: #2d2d2d;
+    color: white;
+}
+
+#popup-mpd {
+    color: white;
+    padding: 1em;
+}
+
+#popup-mpd #album-art {
+    margin-right: 1em;
+}
+
+#popup-mpd #title .icon, #popup-mpd #title .label {
+    font-size: 1.7em;
+}
+
+#popup-mpd #controls * {
+    border-radius: 0;
+    background-color: #2d2d2d;
+    color: white;
+}
+
+#popup-mpd #controls *:disabled {
+    color: #424242;
+}
+
+#clock {
+    color: white;
+    background-color: #2d2d2d;
+    font-weight: bold;
+}
+
+#popup-clock {
+    padding: 1em;
+}
+
+#popup-clock #calendar-clock {
+    color: white;
+    font-size: 2.5em;
+    padding-bottom: 0.1em;
+}
+
+#popup-clock #calendar {
+    background-color: #2d2d2d;
+    color: white;
+}
+
+#popup-clock #calendar .header {
+    padding-top: 1em;
+    border-top: 1px solid #424242;
+    font-size: 1.5em;
+}
+
+#popup-clock #calendar:selected {
+    background-color: #6699cc;
+}
+
+#focused {
+    color: white;
+}
+```