diff options
Diffstat (limited to 'raveos-calamares-theme/etc/calamares/branding/raveos/stylesheet.qss')
| -rw-r--r-- | raveos-calamares-theme/etc/calamares/branding/raveos/stylesheet.qss | 519 |
1 files changed, 225 insertions, 294 deletions
diff --git a/raveos-calamares-theme/etc/calamares/branding/raveos/stylesheet.qss b/raveos-calamares-theme/etc/calamares/branding/raveos/stylesheet.qss index 56c5200..f773e95 100644 --- a/raveos-calamares-theme/etc/calamares/branding/raveos/stylesheet.qss +++ b/raveos-calamares-theme/etc/calamares/branding/raveos/stylesheet.qss @@ -1,196 +1,129 @@ -/* ===================================================== */ -/* Calamares Uniform Dark Theme - Purple Accent Version */ -/* Main: #404040 | Accent: #3d7839 | Border: #7f8c8d */ -/* ===================================================== */ - -/* ---------------- RaveWelcome modul ---------------- */ - -#ravewelcomeBar { - background-color: rgba(43,43,43,200); - border: none; -} - -#ravewelcomeCombo { - background-color: rgba(43,43,43,180); - color: #ffffff; - border: none; - border-radius: 4px; - padding: 4px 12px; - font-size: 15px; -} - -#ravewelcomeCombo::drop-down { - border: none; - width: 24px; -} - -#ravewelcomeCombo QAbstractItemView { - background-color: rgba(43,43,43,160); - color: #ffffff; - selection-background-color: rgba(61,120,57,180); - border: none; - font-size: 15px; -} - -#ravewelcomeCombo QAbstractItemView::item { - padding: 4px 12px; - min-height: 26px; -} - -/* ---------------- Language Selector ---------------- */ - -#languageWidget { - background-color: #2B2B2B; - padding: 4px; -} - -#selector { - background-color: #2B2B2B; - color: #FFFFFF; - border: 2px solid #3d7839; - border-radius: 4px; - padding: 4px 10px; - min-width: 200px; -} - -#selector:hover { - border-color: #4d9849; -} - -#selector::drop-down { - border: none; - width: 20px; -} - -#selector QAbstractItemView { - background-color: #2B2B2B; - color: #FFFFFF; - selection-background-color: #3d7839; - selection-color: #FFFFFF; - border: 2px solid #3d7839; - outline: 0; -} - -/* ---------------- Global ---------------- */ - * { - font-family: Ubuntu; + font-family: "Noto Sans"; font-size: 14px; - color: #FFFFFF; + color: #e8e8e6; } QWidget { - background-color: #404040; + background-color: #1a1b1d; } *:focus { outline: none; } -/* ---------------- Main App ---------------- */ - -#mainApp { - background-color: #2B2B2B; +QLabel { + background: transparent; + color: #e8e8e6; } -#mainText { - font: bold 16px; +QLabel:disabled { + color: #9a9ca1; } -/* ---------------- Branding / Header ---------------- */ - -#brandingWidget { - background-color: #404040; - border-bottom: 1px solid #7f8c8d; +QLabel a { + color: #62a052; } -#brandingWidget QLabel { - color: #FF0000; - font-weight: bold; +#ravewelcomeTag { + background-color: rgba(26, 27, 29, 180); + color: #b7b9bd; + font-family: "Noto Sans Mono"; + font-size: 11px; + padding: 6px 10px; } -/* ---------------- Sidebar ---------------- */ - -#sidebarApp, -#sidebarMenuApp { - background-color: #2B2B2B; - border: none; +#ravewelcomeBar { + background-color: rgba(26, 27, 29, 235); + border: 1px solid #34363a; } -/* Sidebar list items */ -#sidebarMenuApp QListWidget::item, -QTreeView#sidebarMenuApp::item { - padding: 10px; - color: #bdc3c7; - background-color: transparent; /* Remove blue highlight rectangle */ +#ravewelcomeTitle { + font-size: 26px; + font-weight: 700; } -/* Hover effect */ -#sidebarMenuApp QListWidget::item:hover, -QTreeView#sidebarMenuApp::item:hover { - background-color: #3b3a5b; - color: #ecf0f1; +#ravewelcomeLocale { + color: #9a9ca1; + font-family: "Noto Sans Mono"; + font-size: 12px; } -/* Active step workaround */ -#sidebarMenuApp QListWidget::item:selected, -QTreeView#sidebarMenuApp::item:selected { - color: #2B2B2B; /* Text color */ - background-color: rgba(61, 120, 57, 0.6); /* Fern Green */ - font-weight: bold; +#ravewelcomeLang { + min-height: 48px; + padding: 0 12px; + font-weight: 500; } -/* ---------------- Central Pages ---------------- */ - -QStackedWidget { - background-color: #404040; +#ravewelcomeLang:checked { + background-color: #62a052; + border-color: #62a052; + color: #1a1b1d; + font-weight: 600; } -QLabel { - color: #ecf0f1; - background: transparent; +#ravewelcomeNext { + min-height: 48px; + padding: 0 28px; + background-color: #62a052; + border: none; + color: #1a1b1d; + font-weight: 600; } -/* ---------------- Inputs ---------------- */ +#ravewelcomeNext:hover { + background-color: #7dbb6c; +} QLineEdit, QTextEdit, +QPlainTextEdit, +QSpinBox { + background-color: #232427; + color: #e8e8e6; + border: 1px solid #44464b; + border-radius: 0; + padding: 0 12px; + min-height: 42px; + selection-background-color: #62a052; + selection-color: #1a1b1d; +} + +QTextEdit, QPlainTextEdit { - background-color: #2B2B2B; - color: #ffffff; - border: 1px solid #7f8c8d; - border-radius: 4px; - padding: 6px; + padding: 8px 12px; +} + +QPlainTextEdit { + font-family: "Noto Sans Mono"; + font-size: 12px; } QLineEdit:focus, QTextEdit:focus, -QPlainTextEdit:focus { - border: 1px solid #3d7839; +QPlainTextEdit:focus, +QSpinBox:focus { + border: 1px solid #62a052; } -/* ---------------- ComboBox - Legordulo Menu ---------------- */ - QComboBox { - background-color: #2B2B2B; - color: #FFFFFF; - border: 2px solid #3d7839; - border-radius: 4px; - padding: 6px 10px 6px 8px; + background-color: #232427; + color: #e8e8e6; + border: 1px solid #44464b; + border-radius: 0; + padding: 0 12px; + min-height: 42px; combobox-popup: 0; } -QComboBox:hover { - border-color: #3d7839; -} - +QComboBox:hover, QComboBox:focus { - border: 2px solid #3d7839; + border-color: #62a052; } QComboBox::drop-down { border: none; - width: 20px; + width: 32px; background: transparent; } @@ -200,238 +133,236 @@ QComboBox::down-arrow { height: 12px; } - QComboBox QAbstractItemView { - background-color: #2B2B2B; - color: #FFFFFF; - selection-background-color: #3d7839; - selection-color: #FFFFFF; - border: 2px solid #3d7839; + background-color: #232427; + color: #e8e8e6; + border: 1px solid #44464b; + selection-background-color: #2f3034; + selection-color: #e8e8e6; outline: 0; padding: 0; } -QComboBox QListView, -QComboBox QAbstractScrollArea, -QComboBox QAbstractItemView QWidget, -QComboBox QFrame { - background-color: #2B2B2B; - color: #FFFFFF; - border: none; -} - -QComboBox QListView::viewport { - background-color: #2B2B2B; - border: none; +QComboBox QAbstractItemView::item { + min-height: 36px; + padding: 0 12px; } -QComboBox QListView::item { - background-color: #2B2B2B; - color: #FFFFFF; - padding: 4px 8px; - margin: 0; - border: none; -} - -QComboBox QListView::item:selected { - background-color: #3d7839; - color: #FFFFFF; -} - -QComboBox QListView::item:hover { - background-color: #3d7839; - color: #FFFFFF; +QListView, +QListWidget, +QTreeView, +QTreeWidget, +QTableView, +QTableWidget { + background-color: #232427; + color: #e8e8e6; + border: 1px solid #34363a; + border-radius: 0; + gridline-color: #34363a; + outline: 0; } -/* ---------------- Bill valasztos lap ---------------- */ - QAbstractItemView::item { - background-color: #2B2B2B; + min-height: 32px; + padding: 0 8px; + background: transparent; } -QAbstractItemView::item:selected { - background-color: #3d7839; - color: #FFFFFF; +QAbstractItemView::item:hover { + background-color: #2f3034; } +QAbstractItemView::item:selected, QAbstractItemView::item:selected:!active { - background-color: #3d7839; - color: #FFFFFF; + background-color: #2f3034; + color: #e8e8e6; + border-left: 2px solid #62a052; } -QAbstractItemView::item:focus { - background-color: #3d7839; - color: #FFFFFF; +QHeaderView::section { + background-color: #232427; + color: #9a9ca1; + border: none; + border-bottom: 1px solid #34363a; + padding: 8px; + font-family: "Noto Sans Mono"; + font-size: 12px; } -/* ---------------- Buttons ---------------- */ - QPushButton { - background-color: #3d7839; - color: #FFFFFF; - border: none; - border-radius: 4px; - padding: 8px 18px; - font-weight: bold; - margin-top: 4px; + background-color: transparent; + color: #e8e8e6; + border: 1px solid #44464b; + border-radius: 0; + min-height: 42px; + padding: 0 20px; + font-weight: 500; } QPushButton:hover { - background-color: #285226; + background-color: #2f3034; } QPushButton:pressed { - background-color: #3d7839; + background-color: #34363a; } -QPushButton:disabled { - background-color: #303030; - color: #7f8c8d; -} - -/* Secondary buttons (Back / Cancel) */ -#debugButton { - background-color: #7f8c8d; - color: #ffffff; -} - -#debugButton:hover { - background-color: #95a5a6; -} - -#aboutButton { - background-color: #1e5c1a; - color: #ffffff; +QPushButton:default { + background-color: #62a052; + color: #1a1b1d; + border: none; + font-weight: 600; } -#aboutButton:hover { - background-color: #285226; +QPushButton:default:hover { + background-color: #7dbb6c; } -/* ---------------- Checkbox ---------------- */ - -QCheckBox { - spacing: 8px; - color: #ecf0f1; +QPushButton:disabled { + color: #9a9ca1; + border-color: #34363a; + background-color: transparent; } -QCheckBox::indicator { - width: 16px; - height: 16px; - border: 1px solid #7f8c8d; - background-color: #404040; +QToolButton { + background: transparent; + border: 1px solid transparent; + border-radius: 0; + padding: 4px; } -QCheckBox::indicator:checked { - background-color: #3d7839; - border-color: #3d7839; +QToolButton:hover { + border-color: #44464b; } -/* ---------------- Radio Button ---------------- */ - +QCheckBox, QRadioButton { - spacing: 8px; - color: #ecf0f1; + spacing: 10px; + color: #e8e8e6; + background: transparent; } +QCheckBox::indicator, QRadioButton::indicator { width: 16px; height: 16px; - border-radius: 8px; - border: 1px solid #7f8c8d; - background-color: #404040; + border: 1px solid #44464b; + background-color: #232427; + border-radius: 0; } -QRadioButton::indicator:checked { - background-color: #3d7839; - border-color: #3d7839; +QCheckBox::indicator:hover, +QRadioButton::indicator:hover { + border-color: #62a052; } -/* ---------------- Tree / Table ---------------- */ - -QTreeView, -QTreeWidget, -QTableWidget {background-color: #2B2B2B; - color: #ecf0f1; - border: 1px solid #7f8c8d; - gridline-color: #2b2b2b; +QCheckBox::indicator:checked, +QRadioButton::indicator:checked { + background-color: #62a052; + border-color: #62a052; } -QTreeView::item:selected, -QTreeWidget::item:selected, -QTableWidget::item:selected { - background-color: #3d7839; - color: #FFFFFF; +QCheckBox:disabled, +QRadioButton:disabled { + color: #9a9ca1; } -QHeaderView::section { - background-color: #3b3a5b; - color: #ecf0f1; - padding: 6px; - border: 1px solid #404040; +QGroupBox { + border: 1px solid #34363a; + border-radius: 0; + margin-top: 20px; + padding: 12px; } -/* ---------------- Progress Bar ---------------- */ +QGroupBox::title { + subcontrol-origin: margin; + left: 12px; + padding: 0 4px; + color: #9a9ca1; + font-family: "Noto Sans Mono"; + font-size: 12px; +} QProgressBar { - background-color: #2B2B2B; - border: 1px solid #3d7839; - border-radius: 4px; + background-color: #34363a; + border: none; + border-radius: 0; + max-height: 8px; text-align: center; - color: #ecf0f1; + color: transparent; } QProgressBar::chunk { - background-color: #3d7839; + background-color: #62a052; } -/* ---------------- Scrollbars ---------------- */ - QScrollBar:vertical { - background-color: #404040; + background: transparent; width: 10px; -} - -QScrollBar::handle:vertical { - background-color: #7f8c8d; - border-radius: 5px; -} - -QScrollBar::handle:vertical:hover { - background-color: #95a5a6; + margin: 0; } QScrollBar:horizontal { - background-color: #404040; + background: transparent; height: 10px; + margin: 0; } +QScrollBar::handle:vertical, QScrollBar::handle:horizontal { - background-color: #7f8c8d; - border-radius: 5px; + background-color: #44464b; + border-radius: 0; + min-height: 24px; + min-width: 24px; } +QScrollBar::handle:vertical:hover, QScrollBar::handle:horizontal:hover { - background-color: #95a5a6; + background-color: #62a052; +} + +QScrollBar::add-line, +QScrollBar::sub-line, +QScrollBar::add-page, +QScrollBar::sub-page { + background: none; + border: none; + width: 0; + height: 0; +} + +QToolTip { + background-color: #232427; + color: #e8e8e6; + border: 1px solid #44464b; + padding: 6px 8px; } -/* ---------------- RaveOS restart dialog ---------------- */ +QMessageBox, +QDialog { + background-color: #1a1b1d; +} -#raveosDialog { - background-color: #2B2B2B; +QMessageBox { + messagebox-text-interaction-flags: 5; } -#raveosDialogLabel { - color: #ECF0F1; - font-size: 15px; - padding: 6px 2px; +QMessageBox QLabel, +QDialog QLabel { + color: #e8e8e6; } -#raveosDialogCancel { - background-color: #7f8c8d; - color: #ffffff; +QDialogButtonBox { + dialogbuttonbox-buttons-have-icons: 0; } -#raveosDialogCancel:hover { - background-color: #95a5a6; +QTextBrowser { + background-color: #232427; + border: 1px solid #34363a; + font-family: "Noto Sans Mono"; + font-size: 12px; +} + +QTabWidget::pane { + border: none; } |