Phase 1: initial codes
This commit is contained in:
@@ -0,0 +1,364 @@
|
||||
/* ─── StockMind Dark Theme ─── */
|
||||
* {
|
||||
font-family: "Segoe UI", "Arial", sans-serif;
|
||||
font-size: 10pt;
|
||||
color: #cdd6f4;
|
||||
}
|
||||
|
||||
QMainWindow, QWidget {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
/* ─── Sidebar ─── */
|
||||
#sidebar {
|
||||
background-color: #181825;
|
||||
border-right: 1px solid #313244;
|
||||
min-width: 56px;
|
||||
max-width: 56px;
|
||||
}
|
||||
|
||||
#sidebar QPushButton {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
padding: 10px;
|
||||
margin: 2px 6px;
|
||||
color: #6c7086;
|
||||
font-size: 9pt;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#sidebar QPushButton:hover {
|
||||
background-color: #313244;
|
||||
color: #cdd6f4;
|
||||
}
|
||||
|
||||
#sidebar QPushButton:checked, #sidebar QPushButton[active="true"] {
|
||||
background-color: #89b4fa;
|
||||
color: #1e1e2e;
|
||||
}
|
||||
|
||||
#logo_label {
|
||||
color: #89b4fa;
|
||||
font-size: 13pt;
|
||||
font-weight: bold;
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
/* ─── Frames / Cards ─── */
|
||||
QFrame#card {
|
||||
background-color: #24273a;
|
||||
border: 1px solid #313244;
|
||||
border-radius: 10px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
/* ─── Labels ─── */
|
||||
QLabel {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QLabel#title {
|
||||
font-size: 15pt;
|
||||
font-weight: bold;
|
||||
color: #cdd6f4;
|
||||
}
|
||||
|
||||
QLabel#subtitle {
|
||||
font-size: 9pt;
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
QLabel#price_label {
|
||||
font-size: 22pt;
|
||||
font-weight: bold;
|
||||
color: #cdd6f4;
|
||||
}
|
||||
|
||||
QLabel.positive { color: #a6e3a1; }
|
||||
QLabel.negative { color: #f38ba8; }
|
||||
|
||||
/* ─── Buttons ─── */
|
||||
QPushButton {
|
||||
background-color: #313244;
|
||||
color: #cdd6f4;
|
||||
border: 1px solid #45475a;
|
||||
border-radius: 6px;
|
||||
padding: 6px 14px;
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
QPushButton:hover {
|
||||
background-color: #45475a;
|
||||
border-color: #585b70;
|
||||
}
|
||||
|
||||
QPushButton:pressed {
|
||||
background-color: #585b70;
|
||||
}
|
||||
|
||||
QPushButton#primary_btn {
|
||||
background-color: #89b4fa;
|
||||
color: #1e1e2e;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
QPushButton#primary_btn:hover {
|
||||
background-color: #b4befe;
|
||||
}
|
||||
|
||||
QPushButton#danger_btn {
|
||||
background-color: #f38ba8;
|
||||
color: #1e1e2e;
|
||||
border: none;
|
||||
}
|
||||
|
||||
QPushButton#danger_btn:hover {
|
||||
background-color: #f2c4d0;
|
||||
}
|
||||
|
||||
QPushButton:disabled {
|
||||
background-color: #1e1e2e;
|
||||
color: #45475a;
|
||||
border-color: #313244;
|
||||
}
|
||||
|
||||
/* ─── Inputs ─── */
|
||||
QLineEdit, QSpinBox, QDoubleSpinBox, QComboBox {
|
||||
background-color: #181825;
|
||||
border: 1px solid #313244;
|
||||
border-radius: 6px;
|
||||
padding: 5px 8px;
|
||||
color: #cdd6f4;
|
||||
selection-background-color: #89b4fa;
|
||||
selection-color: #1e1e2e;
|
||||
}
|
||||
|
||||
QLineEdit:focus, QSpinBox:focus, QDoubleSpinBox:focus, QComboBox:focus {
|
||||
border-color: #89b4fa;
|
||||
}
|
||||
|
||||
QComboBox::drop-down {
|
||||
border: none;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
QComboBox::down-arrow {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
QComboBox QAbstractItemView {
|
||||
background-color: #24273a;
|
||||
border: 1px solid #313244;
|
||||
border-radius: 6px;
|
||||
selection-background-color: #313244;
|
||||
}
|
||||
|
||||
/* ─── Tables ─── */
|
||||
QTableWidget, QTableView {
|
||||
background-color: #1e1e2e;
|
||||
alternate-background-color: #24273a;
|
||||
border: none;
|
||||
gridline-color: #313244;
|
||||
selection-background-color: #313244;
|
||||
selection-color: #cdd6f4;
|
||||
}
|
||||
|
||||
QTableWidget::item, QTableView::item {
|
||||
padding: 4px 8px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
QTableWidget::item:selected, QTableView::item:selected {
|
||||
background-color: #313244;
|
||||
}
|
||||
|
||||
QHeaderView::section {
|
||||
background-color: #181825;
|
||||
color: #6c7086;
|
||||
border: none;
|
||||
border-bottom: 1px solid #313244;
|
||||
padding: 6px 8px;
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* ─── Scrollbars ─── */
|
||||
QScrollBar:vertical {
|
||||
background: transparent;
|
||||
width: 8px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
QScrollBar::handle:vertical {
|
||||
background-color: #45475a;
|
||||
border-radius: 4px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
QScrollBar::handle:vertical:hover {
|
||||
background-color: #585b70;
|
||||
}
|
||||
|
||||
QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { height: 0; }
|
||||
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: transparent; }
|
||||
|
||||
QScrollBar:horizontal {
|
||||
background: transparent;
|
||||
height: 8px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal {
|
||||
background-color: #45475a;
|
||||
border-radius: 4px;
|
||||
min-width: 30px;
|
||||
}
|
||||
|
||||
QScrollBar::handle:horizontal:hover { background-color: #585b70; }
|
||||
QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { width: 0; }
|
||||
|
||||
/* ─── Tabs ─── */
|
||||
QTabWidget::pane {
|
||||
border: 1px solid #313244;
|
||||
border-radius: 8px;
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
|
||||
QTabBar::tab {
|
||||
background-color: #24273a;
|
||||
color: #6c7086;
|
||||
border: none;
|
||||
padding: 8px 16px;
|
||||
border-radius: 6px 6px 0 0;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
QTabBar::tab:selected {
|
||||
background-color: #313244;
|
||||
color: #cdd6f4;
|
||||
}
|
||||
|
||||
QTabBar::tab:hover {
|
||||
background-color: #313244;
|
||||
color: #cdd6f4;
|
||||
}
|
||||
|
||||
/* ─── Text Edit ─── */
|
||||
QTextEdit, QPlainTextEdit {
|
||||
background-color: #181825;
|
||||
border: 1px solid #313244;
|
||||
border-radius: 6px;
|
||||
color: #cdd6f4;
|
||||
selection-background-color: #89b4fa;
|
||||
selection-color: #1e1e2e;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
/* ─── Checkboxes ─── */
|
||||
QCheckBox {
|
||||
spacing: 6px;
|
||||
color: #cdd6f4;
|
||||
}
|
||||
|
||||
QCheckBox::indicator {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 2px solid #45475a;
|
||||
border-radius: 4px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
QCheckBox::indicator:checked {
|
||||
background-color: #89b4fa;
|
||||
border-color: #89b4fa;
|
||||
}
|
||||
|
||||
/* ─── Splitter ─── */
|
||||
QSplitter::handle {
|
||||
background-color: #313244;
|
||||
}
|
||||
|
||||
QSplitter::handle:horizontal { width: 2px; }
|
||||
QSplitter::handle:vertical { height: 2px; }
|
||||
|
||||
/* ─── Status Bar ─── */
|
||||
QStatusBar {
|
||||
background-color: #181825;
|
||||
border-top: 1px solid #313244;
|
||||
color: #6c7086;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
/* ─── Tooltips ─── */
|
||||
QToolTip {
|
||||
background-color: #24273a;
|
||||
color: #cdd6f4;
|
||||
border: 1px solid #313244;
|
||||
border-radius: 6px;
|
||||
padding: 4px 8px;
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
/* ─── Group Box ─── */
|
||||
QGroupBox {
|
||||
border: 1px solid #313244;
|
||||
border-radius: 8px;
|
||||
margin-top: 12px;
|
||||
padding-top: 8px;
|
||||
font-size: 9pt;
|
||||
color: #6c7086;
|
||||
}
|
||||
|
||||
QGroupBox::title {
|
||||
subcontrol-origin: margin;
|
||||
left: 10px;
|
||||
padding: 0 4px;
|
||||
color: #89b4fa;
|
||||
}
|
||||
|
||||
/* ─── List Widget ─── */
|
||||
QListWidget {
|
||||
background-color: #1e1e2e;
|
||||
border: none;
|
||||
alternate-background-color: #24273a;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
QListWidget::item {
|
||||
padding: 6px 10px;
|
||||
border-radius: 4px;
|
||||
margin: 1px 4px;
|
||||
}
|
||||
|
||||
QListWidget::item:selected {
|
||||
background-color: #313244;
|
||||
color: #cdd6f4;
|
||||
}
|
||||
|
||||
QListWidget::item:hover {
|
||||
background-color: #24273a;
|
||||
}
|
||||
|
||||
/* ─── Progress Bar ─── */
|
||||
QProgressBar {
|
||||
background-color: #313244;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
height: 6px;
|
||||
text-align: center;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
QProgressBar::chunk {
|
||||
background-color: #89b4fa;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* ─── Dialog ─── */
|
||||
QDialog {
|
||||
background-color: #1e1e2e;
|
||||
}
|
||||
Reference in New Issue
Block a user