firefox: shuffle the files

firefox/README.md

@@ -1,6 +1,12 @@
 # Firefox
 
+## userChrome
+
 1. Set `toolkit.legacyUserProfileCustomizations.stylesheets` to `true` with `about:config`
 1. Locate profile with `about:profiles`
 1. Copy `firefox/userChrome.css` to `{Root Directory}/chrome/userChrome.css`
 1. Customize interface
+
+## userStyles
+
+Styles can be applied using the [CSS Override extension](https://github.com/swcolegrove/css-override-web-extension).

firefox/userStyles/lemmy.css

@@ -0,0 +1,37 @@
+/* Turn off border radius. */
+*,
+.rounded {
+  border-radius: 0 !important;
+}
+
+/* Filter section */
+.btn-check {
+  position: unset;
+  pointer-events: auto;
+  opacity: 0;
+  margin-left: -13px;
+  z-index: 1000;
+}
+
+/* Some air for post text. */
+#postContent {
+  line-height: 1.5;
+}
+
+.post-listing {
+  line-height: 2;
+}
+
+/* Tuning for https://lemmy.cafe */
+#navbar {
+  margin-block-start: 16px;
+}
+
+#tagline {
+  display: none;
+  margin-block-end: 32px;
+}
+
+.post-listings {
+  margin-block-start: 48px;
+}

firefox/userStyles/zulip.css

@@ -0,0 +1,83 @@
+/* Turn off colors for stream icons. */
+.stream-privacy {
+  color: #7f807f !important;
+}
+
+/* Turn off border radius. */
+*,
+*::before,
+*::after {
+  border-radius: 0 !important;
+}
+
+/* Turn off border-radius for the compose stream selector. */
+.compose_table #compose-recipient.compose-recipient-direct-selected #compose_select_recipient_widget {
+  border-radius: 0 !important;
+}
+
+/* Background color for compose block. */
+#compose-content {
+  background-color: #efebeb !important;
+}
+
+/* Background color for send button. */
+#message-send-controls-container {
+  filter: grayscale(1);
+}
+
+/* Recent conversations hover item. */
+.recent_view_container #recent_view_table tr:hover {
+  background-color: hsl(0, 0%, 85%) !important;
+}
+
+/* Add border to avatars in recent conversations. */
+.recent_view_participant_avatar {
+  outline: 2px solid #e0e0e0;
+  outline-offset: -2px;
+}
+
+/* Color for stream names and topics in recent conversations. */
+.table.table-responsive a {
+  color: #212121 !important;
+}
+
+/* Color for focus indicator. */
+.recent_view_container #recent_view_table .recent_view_focusable:focus-within {
+  box-shadow: 0 3px 0 #212121 !important;
+}
+
+/* Color for sidebar active item. */
+li.active-filter, li.active-sub-filter {
+  background-color: hsl(0, 0%, 85%) !important;
+}
+
+/* Color for sidebar hovered item. */
+.bottom_left_row:not(.active-sub-filter):hover, .top_left_row:not(.active-sub-filter):hover {
+  background-color: hsl(0, 0%, 85%) !important;
+}
+
+/* Hide "Subscribe to more streams". */
+#subscribe-to-more-streams > a {
+  opacity: 0;
+}
+
+/* Dim logo. */
+#realm-logo {
+  filter: grayscale(1);
+  opacity: 0.6;
+}
+
+/* Hide toolbar buttons. */
+#help-menu,
+#searchbox_form,
+#userlist-toggle,
+#settings-dropdown {
+  opacity: 0 !important;
+}
+#help-menu:hover,
+#searchbox_form:hover,
+#searchbox_form:focus-within,
+#userlist-toggle:hover,
+#settings-dropdown:hover {
+  opacity: 1 !important;
+}