Remove old custom_css_guide.txt — replaced by themes/README.md

This commit is contained in:
pax 2026-04-05 05:24:42 -05:00
parent 059b24d255
commit fefc8c7fd5

View File

@ -1,138 +0,0 @@
booru-viewer Custom Stylesheet Guide
=====================================
Place a file named "custom.qss" in your data directory to override styles:
Linux: ~/.local/share/booru-viewer/custom.qss
Windows: %APPDATA%\booru-viewer\custom.qss
The custom stylesheet is appended AFTER the default theme, so your rules
override the defaults. You can use any Qt stylesheet (QSS) syntax.
WIDGET REFERENCE
----------------
Main window: QMainWindow
Buttons: QPushButton
Text inputs: QLineEdit
Dropdowns: QComboBox
Scroll bars: QScrollBar
Labels: QLabel
Status bar: QStatusBar
Tabs: QTabWidget, QTabBar
Lists: QListWidget
Menus: QMenu, QMenuBar
Tooltips: QToolTip
Dialogs: QDialog
Splitters: QSplitter
Progress bars: QProgressBar
Spin boxes: QSpinBox
Check boxes: QCheckBox
Sliders: QSlider
EXAMPLES
--------
Change accent color from green to cyan:
QWidget {
color: #00ffff;
}
QPushButton:pressed {
background-color: #009999;
color: #000000;
}
QLineEdit:focus {
border-color: #00ffff;
}
Bigger font:
QWidget {
font-size: 15px;
}
Different background:
QWidget {
background-color: #1a1a2e;
}
Custom button style:
QPushButton {
background-color: #222222;
color: #00ff00;
border: 1px solid #444444;
border-radius: 6px;
padding: 8px 20px;
}
QPushButton:hover {
background-color: #333333;
border-color: #00ff00;
}
Wider scrollbar:
QScrollBar:vertical {
width: 14px;
}
QScrollBar::handle:vertical {
min-height: 40px;
border-radius: 7px;
}
Hide the info overlay on images:
/* Target the info label in the preview */
QLabel[objectName="info-label"] {
color: transparent;
}
VIDEO PLAYER CONTROLS
---------------------
The video player controls are standard Qt widgets:
QPushButton - Play/Pause, Mute buttons
QSlider - Seek bar, Volume slider
QLabel - Time display
Example - style the seek bar:
QSlider::groove:horizontal {
background: #333333;
height: 6px;
border-radius: 3px;
}
QSlider::handle:horizontal {
background: #00ff00;
width: 14px;
height: 14px;
margin: -4px 0;
border-radius: 7px;
}
QSlider::sub-page:horizontal {
background: #009900;
border-radius: 3px;
}
DEFAULT COLOR PALETTE
---------------------
These are the defaults you can override:
Green (accent): #00ff00
Dark green: #00cc00
Dim green: #009900
Background: #000000
Background light: #111111
Background lighter: #1a1a1a
Border: #333333
TIPS
----
- Restart the app after editing custom.qss
- Use a text editor to edit QSS - it's similar to CSS
- If something breaks, just delete custom.qss to reset
- Your custom styles override defaults, so you only need to include what you change
- The file is read at startup, not live-reloaded