Remove old custom_css_guide.txt — replaced by themes/README.md
This commit is contained in:
parent
059b24d255
commit
fefc8c7fd5
@ -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
|
|
||||||
Loading…
x
Reference in New Issue
Block a user