External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(topbar): add customizable visibility controls for directories and subscriptions

Browse Source
This commit is contained in:
plebeius
2025-11-07 18:20:11 +01:00
parent bae3d76c6f
commit 669bb5b181
16 changed files with 767 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/themes.css
+41 -4
View File
@@ -72,7 +72,13 @@
--homepage-box-link-text-color-hover: #e00;
--homepage-box-link-text-decoration: none;
--homepage-box-link-text-decoration-hover: underline;
--disclaimer-modal-close-button-background-image: url("/assets/buttons/icon-close-red.png");
--directory-modal-background-color: rgb(255, 255, 255);
--directory-modal-border: 1px solid rgb(136, 0, 0);
--directory-modal-text-color: rgb(136, 0, 0);
--directory-modal-header-background-color: rgb(136, 0, 0);
--directory-modal-header-text-color: rgb(255, 255, 255);
--directory-modal-close-button-background-image: url("/assets/buttons/cross-red.png");
/* footer */
--footer-item-background-color-desktop: #fed;
@@ -285,7 +291,12 @@
--homepage-box-link-text-color-hover: #d00;
--homepage-box-link-text-decoration: none;
--homepage-box-link-text-decoration-hover: underline;
--disclaimer-modal-close-button-background-image: url("/assets/buttons/icon-close-red.png");
--directory-modal-background-color: #d6daf0;
--directory-modal-border: 1px solid #b7c5d9;
--directory-modal-text-color: #000;
--directory-modal-header-background-color: #98e;
--directory-modal-header-text-color: #000;
--directory-modal-close-button-background-image: url("/assets/buttons/cross-blue.png");
/* horizontal rule */
--hr-border: none;
@@ -485,6 +496,14 @@
--close-button-background-image: url("/assets/buttons/cross-red.png");
--open-help-button-background-image: url("/assets/buttons/help-red.png");
/* directory modal */
--directory-modal-background-color: #f0e0d6;
--directory-modal-border: 1px solid rgba(0, 0, 0, 0.20);
--directory-modal-text-color: #800;
--directory-modal-header-background-color: #ea8;
--directory-modal-header-text-color: #800;
--directory-modal-close-button-background-image: url("/assets/buttons/cross-red.png");
/* footer */
--footer-item-background-color-desktop: #fed;
@@ -675,7 +694,12 @@
--homepage-box-bar-text-color: #000;
--homepage-box-bar-background-color: #98e;
--homepage-box-bar-text-color-hover: #fff;
--disclaimer-modal-close-button-background-image: url("/assets/buttons/icon-close-red.png");
--directory-modal-background-color: #d6daf0;
--directory-modal-border: 1px solid rgba(0, 0, 0, 0.20);
--directory-modal-text-color: #000;
--directory-modal-header-background-color: #98e;
--directory-modal-header-text-color: #000;
--directory-modal-close-button-background-image: url("/assets/buttons/cross-blue.png");
/* media */
--media-thumbnail-background-color: rgba(0, 0, 0, 0.05);
@@ -867,7 +891,12 @@
--homepage-box-border-color: rgb(45, 47, 51);
--homepage-box-bar-text-color: #c5c8c6;
--homepage-box-bar-text-color-hover: #c5c8c6;
--disclaimer-modal-close-button-background-image: url("/assets/buttons/icon-close-red.png");
--directory-modal-background-color: #282a2e;
--directory-modal-border: 1px solid #111;
--directory-modal-text-color: #c5c8c6;
--directory-modal-header-background-color: #282a2e;
--directory-modal-header-text-color: #c5c8c6;
--directory-modal-close-button-background-image: url("/assets/buttons/cross-dark.png");
/* horizontal rule */
--hr-border: none;
@@ -1207,6 +1236,14 @@
--settings-modal-show-button-background-image: url("/assets/buttons/plus-photon.png");
--settings-modal-hide-button-background-image: url("/assets/buttons/minus-photon.png");
/* directory modal */
--directory-modal-background-color: #ddd;
--directory-modal-border: 1px solid #ccc;
--directory-modal-text-color: #333;
--directory-modal-header-background-color: #ddd;
--directory-modal-header-text-color: #333;
--directory-modal-close-button-background-image: url("/assets/buttons/cross-photon.png");
/* stats */
--stats-font-size: 11px;