diff --git a/.gitignore b/.gitignore index 1aa74e7cea7e..f722641c4454 100644 --- a/.gitignore +++ b/.gitignore @@ -13,6 +13,7 @@ src/dash-tx src/test/test_dash src/test/test_dash_fuzzy src/qt/test/test_dash-qt +src/qt/res/css/colors/* src/bench/bench_dash # autoreconf diff --git a/contrib/devtools/update-css-files.py b/contrib/devtools/update-css-files.py new file mode 100755 index 000000000000..ceb48e00258e --- /dev/null +++ b/contrib/devtools/update-css-files.py @@ -0,0 +1,198 @@ +#!/usr/bin/env python3 +# +# update-css-files.py creates color analyse files in css/colors and updates the +# `` section in all css files. +# +# Copyright (c) 2020 The Dash Core developers +# Distributed under the MIT/X11 software license, see the accompanying +# file COPYING or http://www.opensource.org/licenses/mit-license.php. + +from pathlib import Path +import re +import subprocess +import sys + +MATCH_REPLACE = '.+?' +MATCH_COLORS = '#(?:[0-9a-fA-F]{2}){2,4}|#(?:[0-9a-f]{1}){3}' + +def error(msg): + exit('\nERROR: {}\n'.format(msg)) + +def parse_css(file_css): + # Temporarily + state = 0 + selectors = [] + + # Results + by_attribute = {} + by_color = {} + + for line in file_css.read_text().splitlines(): + + if line == '': + continue + + # start of a comment + if state == 0 and line.startswith('/*'): + if '*/' in line: + state = 0 + else: + state = 1 + # we are in a comment section + elif state == 1: + # end of the comment + if '*/' in line: + state = 0 + else: + continue + # first line of multiple selector + elif (state == 0 or state == 2) and ',' in line: + state = 2 + # first line of single selector or end of multiple + elif (state == 0 or state == 2) and '{' in line: + state = 3 + # end of element + elif state == 4 and line == '}': + state = 0 + + if state == 0 and len(selectors): + selectors = [] + + if state == 2: + selector = line.split(",")[0].strip(' ') + selectors.append(selector) + + if state == 3: + selector = line.split("{")[0].strip(' ') + selectors.append(selector) + state = 4 + continue + + if state == 4: + matched_colors = re.findall(MATCH_COLORS, line) + + if len(matched_colors) > 1: + error("Multiple colors in a line.\n\n {}\n\nSeems to be an invalid file!".format(line)) + elif len(matched_colors) == 1: + matched_color = matched_colors[0] + element = line.split(":")[0].strip(' ') + + if not matched_color in by_color: + by_color[matched_color] = [] + + by_color[matched_color].append(element) + + entry = element + " " + matched_color + + if not entry in by_attribute: + by_attribute[entry] = [] + + by_attribute[entry].extend(selectors) + + def sort_color(color): + tmp = color[0].replace('#', '0x') + return int(tmp, 0) + + def remove_duplicates(l): + no_duplicates = [] + [no_duplicates.append(i) for i in l if not no_duplicates.count(i)] + return no_duplicates + + colors = [] + + # sort colors just by hex value + if len(by_color): + colors = sorted(by_color.items(), key=lambda x: sort_color(x)) + + for k, l in by_attribute.items(): + by_attribute[k] = remove_duplicates(l) + + for k, l in by_color.items(): + by_color[k] = remove_duplicates(l) + + return {'fileName': file_css.stem, 'byAttribute': by_attribute, 'byColor': by_color, 'colors': colors} + + +def create_color_file(content, commit): + + str_result = "Color analyse of " +\ + content['fileName'] + ".css " + \ + "by " + \ + Path(__file__).name + \ + " for commit " + \ + commit + \ + "\n\n" + + if not len(content['colors']): + return None + + str_result += "# Used colors\n\n" + for c in content['colors']: + str_result += c[0] + '\n' + + str_result += "\n# Grouped by attribute\n" + + for k, v in content['byAttribute'].items(): + str_result += '\n' + k + '\n' + for val in v: + str_result += ' ' + val + '\n' + + str_result += "\n# Grouped by color\n" + + for k, v in content['byColor'].items(): + str_result += '\n' + k + '\n' + for val in v: + str_result += ' ' + val + '\n' + + return str_result + +if __name__ == '__main__': + + if len(sys.argv) > 1: + error('No argument required!') + + try: + css_folder_path = Path(__file__).parent.absolute() / Path('../../src/qt/res/css/') + css_folder_path = css_folder_path.resolve(strict=True) + except Exception: + error("Path doesn't exist: {}".format(css_folder_path)) + + if not len(list(css_folder_path.glob('*.css'))): + error("No .css files found in {}".format(css_folder_path)) + + results = [parse_css(x) for x in css_folder_path.glob('*.css') if x.is_file()] + + colors_folder_path = css_folder_path / Path('colors/') + if not colors_folder_path.is_dir(): + try: + colors_folder_path.mkdir() + except Exception: + error("Can't create new folder: {}".format(colors_folder_path)) + + commit = subprocess.check_output(['git', '-C', css_folder_path, 'rev-parse', '--short', 'HEAD']).decode("utf-8") + + for r in results: + + # Update the css file + css_file = css_folder_path / Path(r['fileName'] + '.css') + css_content = css_file.read_text() + to_replace = re.findall(MATCH_REPLACE, css_content, re.DOTALL) + + str_result = "\n# Used colors in {}.css for commit {}\n".format(r['fileName'], commit) + for c in r['colors']: + str_result += c[0] + '\n' + + str_replace = "\n{}\n".format(str_result) + css_content = css_content.replace(to_replace[0], str_replace) + css_file.write_text(css_content) + + # Write the _color.txt files + str_result = create_color_file(r, commit) + + if str_result is not None: + color_file = colors_folder_path / Path(r['fileName'] + '_css_colors.txt') + color_file.write_text(str_result) + + print('\n{}.css -> {} created!'.format(r['fileName'], color_file)) + else: + print('\n{}.css -> No colors found..'.format(r['fileName'] + ".css")) diff --git a/src/Makefile.qt.include b/src/Makefile.qt.include index 287bb896e945..854257d03cf1 100644 --- a/src/Makefile.qt.include +++ b/src/Makefile.qt.include @@ -435,7 +435,7 @@ $(QT_QRC_CPP): $(QT_QRC) $(QT_FORMS_H) $(RES_ICONS) $(RES_IMAGES) $(RES_CSS) $(R $(AM_V_GEN) QT_SELECT=$(QT_SELECT) $(RCC) $(RCCFLAGS) -name dash $< | \ $(SED) -e '/^\*\*.*Created:/d' -e '/^\*\*.*by:/d' > $@ -CLEAN_QT = $(nodist_qt_libdashqt_a_SOURCES) $(QT_QM) $(QT_FORMS_H) qt/*.gcda qt/*.gcno qt/temp_dash_locale.qrc +CLEAN_QT = $(nodist_qt_libdashqt_a_SOURCES) $(QT_QM) $(QT_FORMS_H) qt/*.gcda qt/*.gcno qt/temp_dash_locale.qrc qt/res/css/colors/* CLEANFILES += $(CLEAN_QT) diff --git a/src/qt/res/css/dark.css b/src/qt/res/css/dark.css index 36c11200bec2..2769c999f27f 100644 --- a/src/qt/res/css/dark.css +++ b/src/qt/res/css/dark.css @@ -1,1512 +1,504 @@ -WalletFrame { -background-color: #444; -border-top:0px solid #000; -margin:0; -padding-top:20px; -padding-bottom: 20px; -} - -QStatusBar { -background-color: #555; -color: #ccc; -} - -.QFrame { -background-color:transparent; -border:0px solid #fff; -} - -QMenuBar { -background-color: #333; -} - -QMenuBar::item { -background-color: #333; -color: #ccc; -} - -QMenuBar::item:selected { -background-color: #333; -color: #1c75bc; /* aka Strong Blue */ -} - -QMenu { -background-color: #555; -} - -QMenu::item { -color: #ccc; -} - -QMenu::item:selected { -background-color: #666; -color: #ddd; -} - -QToolBar { -background-color: #1c75bc; -border: 0; -padding:0; -margin:0; -} - -QToolBar > QToolButton { -background-color: #1c75bc; -border: 0; -font-size: 14px; -min-width: 70px; -min-height: 48%; -max-height: 48%; -padding: 0 10px; -margin: 0; -color:#f5f5f5; -} +/** +Copyright (c) 2020 The Dash Core developers +Distributed under the MIT/X11 software license, see the accompanying +file COPYING or http://www.opensource.org/licenses/mit-license.php. + +--------------------------------------------------------------------- + +This file contains color changes for the dash theme "Dark". + +NOTE: This file gets appended to the general.css while its +getting loaded in GUIUtil::loadStyleSheet(). Thus changes made in +general.css may become overwritten by changes in this file. + +Loaded in GUIUtil::loadStyleSheet() in guitil.cpp. +**/ + +/* do not modify! section updated by update-css-files.py + + +# Used colors in dark.css for commit 3bebd1a5c + +#333 +#444 +#555 +#666 +#999 +#aaa +#ccc +#ddd +#1c75bc +#3e3e3e +#585858 +#616161 +#787878 +#cc323232 + + +*/ -QToolBar > QToolButton:checked { -border: 0; -font-weight: bold; -} +/****************************************************** +Common stuff +******************************************************/ -QToolBar > QToolButton:disabled { -color: #444; +WalletFrame, +QDialog { + background-color: #444; } -QToolBar > QLabel { -border: 0; -margin:10px 0 0 0; +QStatusBar { + background-color: #555; + color: #ccc; } QMessageBox { -background-color: #555; -} - -/*******************************************************/ - -QLabel, -QCheckBox, -QRadioButton { /* Base Text Size & Color */ -font-size:12px; -color: #ccc; -} - -.QValidatedLineEdit, .QLineEdit { /* Text Entry Fields */ -border: 1px solid #1c75bc; -font-size:11px; -min-height:31px; -outline:0; -padding: 0px 3px 0px 3px; -background-color: #333; -color: #aaa; -} - -.QLineEdit:!focus { -font-size:12px; -} - -.QValidatedLineEdit:disabled, .QLineEdit:disabled { -background-color: #3e3e3e; + background-color: #444; } QWidget { /* override text selection background color for all text widgets */ -selection-background-color: #999; + selection-background-color: #999; } -/*******************************************************/ - -QPushButton { /* Global Button Style */ -background-color: #1c75bc; -border: 0; -border-radius:8px; -color:#ffffff; -font-size:12px; -font-weight:normal; -height: 26px; -padding-left:25px; -padding-right:25px; -padding-top:5px; -padding-bottom:5px; -} - -QPushButton:hover { -background-color: #005c96; /* aka Dark Blue */ +QCheckBox, +QLabel, +QListView, +QRadioButton, +QTreeWidget { /* Base Text Size & Color */ + color: #ccc; } -QPushButton:focus { -border:none; -outline:none; -} +/****************************************************** +QAbstractSpinBox +******************************************************/ -QPushButton:pressed { -border: 1px solid #444; +QAbstractSpinBox, +QAbstractSpinBox::up-button, +QAbstractSpinBox::down-button { + background-color: #333; + border-color: #1c75bc; + color: #aaa; } -QPushButton:disabled { -background-color: #666; -} +/****************************************************** +QComboBox +******************************************************/ QComboBox { /* Dropdown Menus */ -border: 1px solid #1c75bc; -padding: 0px 5px 0px 5px; -background: #333; -min-height:31px; -color: #aaa; + background-color: #333; + border-color: #1c75bc; + color: #aaa; } QComboBox:checked { -background: #3e3e3e; + background-color: #3e3e3e; } QComboBox:editable { -background: #1c75bc; -color:#616161; -border:0px solid transparent; -} - -QComboBox::drop-down { -width:25px; -border:0px; + background-color: #1c75bc; + color: #616161; } QComboBox QListView { -color: #aaa; -background: #555; -padding: 3px; + background-color: #555; + color: #aaa; } -QComboBox QAbstractItemView::item { margin:4px; } - QComboBox::item { -color: #aaa; + color: #aaa; } QComboBox::item:alternate { -background:#444; + background-color: #444; } QComboBox::item:selected { -border:0px solid transparent; -background: #666; -color: #ccc; + background-color: #666; + color: #ccc; } -QComboBox::indicator { -background-color:transparent; -selection-background-color:transparent; -color:transparent; -selection-color:transparent; -} - -QAbstractSpinBox { -border: 1px solid #1c75bc; -padding: 0px 5px 0px 5px; -background: #333; -min-height:31px; -color: #aaa; -} - -QAbstractSpinBox::up-button { -subcontrol-origin: border; -subcontrol-position: top right; -width:21px; -background: #333; -border-left:0px; -border-right: 1px solid #1c75bc; -border-top: 1px solid #1c75bc; -border-bottom:0px; -padding-right:1px; -padding-left:5px; -padding-top:2px; -} - -QAbstractSpinBox::down-button { -subcontrol-origin: border; -subcontrol-position: bottom right; -width:21px; -background: #333; -border-top:0px; -border-left:0px; -border-right: 1px solid #1c75bc; -border-bottom: 1px solid #1c75bc; -padding-right:1px; -padding-left:5px; -padding-bottom:2px; -} - -/*******************************************************/ - -QHeaderView { /* Table Header */ -background-color:transparent; -} +/****************************************************** +QHeaderView +******************************************************/ QHeaderView::section { /* Table Header Sections */ -qproperty-alignment:center; -background-color: #1c75bc; -color: #ccc; -min-height:25px; -font-weight:bold; -font-size:11px; -outline:0; -border: 0px solid #ccc; -border-right: 1px solid #ccc; -padding-left:5px; -padding-right:5px; -padding-top:2px; -padding-bottom:2px; + background-color: #1c75bc; + border-color: #ccc; + color: #ccc; } -QHeaderView::section:last { -border-right: 0px solid #333; -} - -.QScrollArea { -background:transparent; -border:0px; -} +/****************************************************** +QLineEdit / QValidatedLineEdit / QPlainTextEdit +******************************************************/ -.QTableView { /* Table - has to be selected as a class otherwise it throws off QCalendarWidget */ -border: 0px solid #444; -background-color: #333; +.QValidatedLineEdit, +.QLineEdit, +QPlainTextEdit { /* Text Entry Fields */ + background-color: #333; + border-color: #1c75bc; + color: #aaa; } -QTableView::item { /* Table Item */ -background-color: #333; -/*color: #aaa;*/ /* Do not do this!!! This breaks tx format from transactiontablemodel.cpp, apply to individual tables instead */ -font-size:12px; -} - -QTableView::item:selected { /* Table Item Selected */ -background-color: #555; -color: #ccc; -} - -.QTableWidget { -border: 0px solid #444; -background-color: #333; +.QValidatedLineEdit:disabled, +.QLineEdit:disabled { + background-color: #3e3e3e; } -/* Do NOT apply any styles to QScrollBar here, - * it's OS dependent and should be handled via platform specific code. -*/ - -/*******************************************************/ - -.QTabWidget { -border-bottom: 1px solid #444; -} - -.QTabWidget::pane { -border: 1px solid #333; -background-color: #444; -} - -.QTabWidget QTabBar::tab { -background-color: #ccc; -color: #444; -padding-left:10px; -padding-right:10px; -padding-top:5px; -padding-bottom:5px; -border-top: 1px solid #333; -} - -.QTabWidget QTabBar::tab:first { -border-left: 1px solid #333; -} +/****************************************************** +QMenu +******************************************************/ -.QTabWidget QTabBar::tab:last { -border-right: 1px solid #333; -} - -.QTabWidget QTabBar::tab:selected{ -background-color: #444; -color: #ccc; -} - -.QTabWidget QTabBar::tab:hover { -background-color: #555; -color: #ccc; +QMenu { + background-color: #555; } -.QTabWidget .QWidget { -color: #444; +QMenu::item { + color: #ccc; } - -.QTabWidget .QWidget QAbstractSpinBox { +QMenu::item:selected { + background-color: #666; + color: #ddd; } -.QTabWidget .QWidget QAbstractSpinBox::down-button { -} +/****************************************************** +QMenuBar +******************************************************/ -.QTabWidget .QWidget QAbstractSpinBox::up-button { +QMenuBar { + background-color: #333; } -.QTabWidget .QWidget QComboBox { +QMenuBar::item:selected { + background-color: #333; + color: #1c75bc; } -/* DIALOG BOXES */ +/****************************************************** +QProgressDialog +******************************************************/ .QProgressDialog { -background-color: #444; -color: #ccc; + background-color: #444; + color: #ccc; } -QDialog QWidget { /* Remove Annoying Focus Rectangle */ -outline: 0; -} - -/* SHUTDOWN WINDOW */ +/****************************************************** +QPushButton - Special case, light buttons +******************************************************/ -QWidget#ShutdownWindow { -background-color: #444; +QWidget#AddressBookPage QPushButton#newAddress:disabled, +QWidget#AddressBookPage QPushButton#copyAddress:disabled, +QWidget#AddressBookPage QPushButton#showAddressQRCode:disabled, +QWidget#AddressBookPage QPushButton#deleteAddress:disabled, +QDialog#OpenURIDialog QPushButton#selectFileButton:disabled, +QDialog#SendCoinsDialog .QPushButton#addButton:disabled, +QDialog#SendCoinsDialog .QPushButton#clearButton:disabled, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton:disabled, +QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton:disabled, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton:disabled, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM:disabled, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM:disabled { + background-color: #666; + border-color: #585858; + color: #787878; } -/*******************************************************/ -/* FILE MENU */ +/****************************************************** +QRadioButton +******************************************************/ -/* Dialog: Open URI */ -QDialog#OpenURIDialog { -background-color: #555; -} +/***** No dark.css specific coloring here yet *****/ -QDialog#OpenURIDialog QLabel#label { /* URI Label */ -font-weight:bold; -} +/****************************************************** +QScrollArea +******************************************************/ -QDialog#OpenURIDialog QPushButton#selectFileButton { /* ... Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; -} +/***** No light.css specific coloring here yet *****/ -QDialog#OpenURIDialog QPushButton#selectFileButton:hover { -background-color: #aaa; -color: #333; -} +/****************************************************** +QScrollBar +******************************************************/ -QDialog#OpenURIDialog QPushButton#selectFileButton:pressed { -border:1px solid #9e9e9e; -} +/* Do NOT apply any styles to QScrollBar here, +* it's OS dependent and should be handled via platform specific code. +*/ -/* Dialog: Sign / Verify Message */ -QDialog#SignVerifyMessageDialog { -background-color: #555; -} +/****************************************************** +QTableView +******************************************************/ -QDialog#SignVerifyMessageDialog QPushButton#addressBookButton_SM { /* Address Book Button */ -background-color:transparent; -padding-left:10px; -padding-right:10px; +.QTableView { /* Table - has to be selected as a class otherwise it throws off QCalendarWidget */ + background-color: #333; } -QDialog#SignVerifyMessageDialog QPlainTextEdit { /* Message Signing Text */ -border: 1px solid #1c75bc; -background-color: #444; -color: #ccc; +QTableView::item { /* Table Item */ + background-color: #333; } -QDialog#SignVerifyMessageDialog QPushButton#pasteButton_SM { /* Paste Button */ -background-color:transparent; -padding-left:15px; +QTableView::item:selected { /* Table Item Selected */ + background-color: #555; + color: #ccc; } -QDialog#SignVerifyMessageDialog QLineEdit:!focus { /* Font Hack */ -font-size:10px; -} +/****************************************************** +QTableWidget +******************************************************/ -QDialog#SignVerifyMessageDialog QPushButton#copySignatureButton_SM { /* Copy Button */ -background-color:transparent; -padding-left:10px; -padding-right:10px; +.QTableWidget { + background-color: #333; } -QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM { /* Clear Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; -} +/****************************************************** +QTabWidget +******************************************************/ -QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM:hover { -background-color: #aaa; -color: #333; +.QTabWidget { + border-color: #444; } -QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM:pressed { -border:1px solid #9e9e9e; +.QTabWidget::pane { + background-color: #444; + border-color: #333; } -QDialog#SignVerifyMessageDialog QPushButton#addressBookButton_VM { /* Verify Message - Address Book Button */ -background-color:transparent; -border: 0; -padding-left:10px; -padding-right:10px; +.QTabWidget QTabBar::tab { + background-color: #ccc; + border-color: #333; + color: #444; } -QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM { /* Verify Message - Clear Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; +.QTabWidget QTabBar::tab:first, +.QTabWidget QTabBar::tab:last { + border-color: #333; } -QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM:hover { -background-color: #aaa; -color: #333; +.QTabWidget QTabBar::tab:selected, +.QTabWidget QTabBar::tab:hover { + background-color: #555; + color: #ccc; } -QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM:pressed { -border:1px solid #9e9e9e; +.QTabWidget .QWidget { + color: #444; } -/* Dialog: Send and Receive */ -QWidget#AddressBookPage { -background-color: #555; -} +/****************************************************** +QTextEdit +******************************************************/ -QWidget#AddressBookPage QPushButton#newAddress { /* New Address Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; +QTextEdit { + border-color: #333; + background-color: #555; + color: #ccc; } -QWidget#AddressBookPage QPushButton#newAddress:hover { -background-color: #aaa; -color: #333; -} +/****************************************************** +QToolBar / QToolButton +******************************************************/ -QWidget#AddressBookPage QPushButton#newAddress:pressed { -border:1px solid #9e9e9e; -} +/***** No dark.css specific coloring here yet *****/ -QWidget#AddressBookPage QPushButton#copyAddress { /* Copy Address Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; -} +/****************************************************** +QTreeWidget +******************************************************/ -QWidget#AddressBookPage QPushButton#copyAddress:hover { -background-color: #aaa; -color: #333; +QTreeWidget { + background-color: #333; } -QWidget#AddressBookPage QPushButton#copyAddress:pressed { -border:1px solid #9e9e9e; -} +/****************************************************** +QWidget +******************************************************/ -QWidget#AddressBookPage QPushButton#showAddressQRCode { /* Show Address QR code Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; -} +/***** No dark.css specific coloring here yet *****/ -QWidget#AddressBookPage QPushButton#showAddressQRCode:hover { -background-color: #aaa; -color: #333; -} -QWidget#AddressBookPage QPushButton#showAddressQRCode:pressed { -border:1px solid #9e9e9e; -} +/****************************************************** +******************************************************* +STYLING OF SPECIFIC CUSTOM UI PARTS -QWidget#AddressBookPage QPushButton#deleteAddress { /* Delete Address Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; -} +Below each section should be for a specific UI class/file +not only Qt standard elements +******************************************************* +******************************************************/ -QWidget#AddressBookPage QPushButton#deleteAddress:hover { -background-color: #aaa; -color: #333; -} +/****************************************************** +AboutDialog +******************************************************/ -QWidget#AddressBookPage QPushButton#deleteAddress:pressed { -border:1px solid #9e9e9e; -} +/***** No dark.css specific coloring here yet *****/ -QWidget#AddressBookPage QTableView { /* Address Listing */ -font-size:12px; -} +/****************************************************** +AddressBookPage +******************************************************/ -QWidget#AddressBookPage QTableView::item { -color: #aaa; +QWidget#AddressBookPage { + background-color: #555; } -QWidget#AddressBookPage QHeaderView::section { /* Min width for Windows fix */ -min-width:260px; +QWidget#AddressBookPage QTableView::item { + color: #aaa; } -/* SETTINGS MENU */ +/****************************************************** +AskPassphraseDialog +******************************************************/ -/* Encrypt Wallet and Change Passphrase Dialog */ QDialog#AskPassphraseDialog { -background-color: #555; -} - -QDialog#AskPassphraseDialog QLabel#passLabel1, QDialog#AskPassphraseDialog QLabel#passLabel2, QDialog#AskPassphraseDialog QLabel#passLabel3 { -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:170px; -min-height:33px; /* base width of 25px for QLineEdit, plus padding and border */ -} - -/* Options Dialog */ -QDialog#OptionsDialog { -background-color: #555; -} - -QDialog#OptionsDialog QValueComboBox, QDialog#OptionsDialog QSpinBox { -} - -QDialog#OptionsDialog QValidatedLineEdit, QDialog#OptionsDialog QValidatedLineEdit:disabled, QDialog#OptionsDialog QLineEdit, QDialog#OptionsDialog QLineEdit:disabled { -qproperty-alignment: 'AlignVCenter | AlignLeft'; -} - -QDialog#OptionsDialog > QLabel { -qproperty-alignment: 'AlignVCenter'; -min-height:20px; -} - -QDialog#OptionsDialog QWidget#tabDisplay QValueComboBox { -} - -QDialog#OptionsDialog QLabel#label_3 { /* Translations Missing? Label */ -qproperty-alignment: 'AlignVCenter | AlignCenter'; -color: #aaa; -padding-bottom:8px; -} - -QDialog#OptionsDialog QGroupBox { -color: #ccc; -} - -/* TOOLS MENU */ - -QWidget#RPCConsole { /* RPC Console Dialog Box */ -background-color: #333; -} - -QWidget#RPCConsole QWidget#tab_info QLabel#label_11, QWidget#RPCConsole QWidget#tab_info QLabel#label_10 { /* Margin between Network and Block Chain headers */ -qproperty-alignment: 'AlignBottom'; -min-height:25px; -min-width:180px; -} - -QWidget#RPCConsole QWidget#tab_info QPushButton#openDebugLogfileButton { -max-width:60px; -} - -QWidget#RPCConsole QWidget#tab_console QTextEdit#messagesWidget { /* Console Messages Window */ -background-color: transparent; -border: 0; -} - -QWidget#RPCConsole QWidget#tab_console QLineEdit#lineEdit { /* Console Input */ -} - -QWidget#RPCConsole QWidget#tab_console QPushButton#clearButton, -QWidget#RPCConsole QWidget#tab_console QPushButton#fontSmallerButton, -QWidget#RPCConsole QWidget#tab_console QPushButton#fontBiggerButton { /* Console Font and Clear Buttons */ -background-color:transparent; -padding-left:10px; -padding-right:10px; -} - -QWidget#RPCConsole QWidget#tab_console QPushButton#promptIcon { /* Prompt Icon */ -background-color:transparent; -} - -QWidget#RPCConsole QWidget#tab_nettraffic .QGroupBox#groupBox #line { /* Network In Line */ -background-color:#00ff00; -} - -QWidget#RPCConsole QWidget#tab_nettraffic .QGroupBox#groupBox #line_2 { /* Network Out Line */ -background-color:#ff0000; -} - -QWidget#RPCConsole QWidget#tab_peers QLabel#peerHeading { /* Peers Info Header */ -color: #1c75bc; -} - -QWidget#RPCConsole QWidget#tab_peers QTableView { /* Peers Tables */ -color: #aaa; -} - -/* HELP MENU */ - -/* Command Line Options Dialog */ -QDialog#HelpMessageDialog { -background-color: #555; -} - -QDialog#HelpMessageDialog QScrollArea * { -background-color: #444; -} - -QDialog#HelpMessageDialog QTextEdit { -background-color: #444; -border: 1px solid #333; -color: #ccc; -} - -/* About Dash Dialog */ -QDialog#AboutDialog { -background-color: #555; -} - -QDialog#AboutDialog QLabel#label, QDialog#AboutDialog QLabel#copyrightLabel, QDialog#AboutDialog QLabel#label_2 { /* About Dash Contents */ -margin-left:10px; -} - -QDialog#AboutDialog QLabel#label_2 { /* Margin for About Dash text */ -margin-right:10px; -} - -/* Edit Address Dialog */ -QDialog#EditAddressDialog { -background-color: #555; -} - -QDialog#EditAddressDialog QLabel { -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-height:27px; -font-weight:normal; -padding-right:5px; -} - -/* OVERVIEW SCREEN */ - -QWidget .QFrame#frame { /* Wallet Balance */ -min-width:490px; -} - -QWidget .QFrame#frame > .QLabel { -min-width:190px; -font-weight:normal; -min-height:30px; -} - -QWidget .QFrame#frame .QLabel#label_5 { /* Wallet Label */ -min-width:180px; -color:#008de4; -margin-top:0; -margin-right:5px; -padding-right:5px; -font-weight:bold; -font-size:18px; -min-height:30px; -} - -QWidget .QFrame#frame .QLabel#labelWalletStatus { /* Wallet Sync Status */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -color: #ff4500; -margin-left:3px; -} - -QWidget .QFrame#frame .QLabel#labelSpendable { /* Spendable Header */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:18px; -} - -QWidget .QFrame#frame .QLabel#labelWatchonly { /* Watch-only Header */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:16px; -} - -QWidget .QFrame#frame .QLabel#labelBalanceText { /* Available Balance Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color: #555; -margin-right:5px; -padding-right:5px; -font-size:14px; -font-weight: bold; -min-height:35px; -} - -QWidget .QFrame#frame .QLabel#labelBalance { /* Available Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -color: #008de4; -font-size:16px; -font-weight: bold; -margin-left:0px; -} - -QWidget .QFrame#frame .QLabel#labelWatchAvailable { /* Watch-only Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:16px; -} - -QWidget .QFrame#frame .QLabel#labelPendingText { /* Pending Balance Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -font-size:12px; -background-color: #555; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#frame .QLabel#labelUnconfirmed { /* Pending Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:0px; -} - -QWidget .QFrame#frame .QLabel#labelWatchPending { /* Watch-only Pending Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:16px; -} - -QWidget .QFrame#frame .QLabel#labelImmatureText { /* Immature Balance Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -font-size:12px; -background-color: #555; -margin-right:5px; -padding-right:5px; + background-color: #555; } -QWidget .QFrame#frame .QLabel#labelImmature { /* Immature Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:0px; -} - -QWidget .QFrame#frame .QLabel#labelWatchImmature { /* Watch-only Immature Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:16px; -} - -QWidget .QFrame#frame .QLabel#labelTotalText { /* Total Balance Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -font-size:12px; -background-color: #555; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#frame .QLabel#labelTotal { /* Total Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:0px; -} - -QWidget .QFrame#frame .QLabel#labelWatchTotal { /* Watch-only Total Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:16px; -} - -/* PRIVATESEND WIDGET */ - -QWidget .QFrame#framePrivateSend { /* PrivateSend Widget */ -background-color:transparent; -max-width: 451px; -min-width: 451px; -max-height: 350px; -} - -QWidget .QFrame#framePrivateSend .QWidget#layoutWidgetPrivateSendHeader { /* PrivateSend Header */ -background-color:transparent; -max-width: 421px; -min-width: 421px; -} - -QWidget .QFrame#framePrivateSend .QLabel#labelPrivateSendHeader { /* PrivateSend Header */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -min-width:180px; -color:#008de4; -margin-top:0; -margin-right:5px; -padding-right:5px; -font-weight: bold; -font-size:18px; -min-height:30px; -} -/******************************************************************/ -QWidget .QFrame#framePrivateSend .QLabel#labelPrivateSendSyncStatus { /* PrivateSend Sync Status */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -color: #ff4500; -margin-left:2px; -padding-right:5px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget { -max-width: 451px; -max-height: 175px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget > .QLabel { -min-width:175px; -font-weight:normal; -min-height:25px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelPrivateSendEnabledText { /* PrivateSend Enabled Status Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color: #555; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelPrivateSendEnabled { /* PrivateSend Enabled Status */ - -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelCompletitionText { /* PrivateSend Completion Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color: #555; -margin-right:5px; -padding-right:5px; - -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QProgressBar#privateSendProgress { /* PrivateSend Completion */ -border: 1px solid #aaa; -border-radius: 1px; -margin-right:43px; -text-align: right; -color: #aaa; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QProgressBar#privateSendProgress::chunk { -background-color: #008de4; -width:1px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAnonymizedText { /* PrivateSend Balance Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color: #555; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAnonymized { /* PrivateSend Balance */ - -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAmountAndRoundsText { /* PrivateSend Amount and Rounds Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color: #555; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAmountRounds { /* PrivateSend Amount and Rounds */ - -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelSubmittedDenomText { /* PrivateSend Submitted Denom Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color: #555; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelSubmittedDenom { /* PrivateSend Submitted Denom */ - -} - -QWidget .QFrame#framePrivateSend .QWidget#layoutWidgetLastMessageAndButtons { -max-width: 451px; -} - -QWidget .QFrame#framePrivateSend .QLabel#labelPrivateSendLastMessage { /* PrivateSend Status Notifications */ -qproperty-alignment: 'AlignVCenter | AlignCenter'; -min-width: 288px; -min-height: 43px; -font-size:11px; -color: #aaa; -} - -/* PRIVATESEND BUTTONS */ - -QWidget .QFrame#framePrivateSend .QPushButton { /* PrivateSend Buttons - General Attributes */ -border:0px solid #ffffff; -} - -QWidget .QFrame#framePrivateSend QPushButton:focus { -border:none; -outline:none; -} - -QWidget .QFrame#framePrivateSend .QPushButton#togglePrivateSend { /* Start PrivateSend Mixing */ -min-height: 40px; -font-size:15px; -font-weight:normal; -color:#ffffff; -padding-left:10px; -padding-right:10px; -padding-top:5px; -padding-bottom:6px; -} - -QWidget .QFrame#framePrivateSend .QPushButton#togglePrivateSend:hover { - -} - -/* RECENT TRANSACTIONS */ - -QWidget .QFrame#frame_2 { /* Transactions Widget */ -min-width:510px; -margin-right:20px; -margin-left:0; -margin-top:0; -} - -QWidget .QFrame#frame_2 .QLabel#label_4 { /* Recent Transactions Label */ -min-width:180px; -color: #008de4; -margin-left:67px; -margin-top:0; -margin-right:5px; -padding-right:5px; -font-weight:bold; -font-size:18px; -min-height:30px; -} - -QWidget .QFrame#frame_2 .QLabel#labelTransactionsStatus { /* Recent Transactions Sync Status */ -qproperty-alignment: 'AlignBottom | AlignRight'; -color: #ff4500; -min-width:93px; -margin-top:0; -margin-left:16px; -margin-right:5px; -min-height:16px; -} - -QWidget .QFrame#frame_2 QListView { /* Transaction List */ -color: #ccc; -font-weight:normal; -font-size:12px; -max-width:369px; -margin-top:12px; -margin-left:0px; /* CSS Voodoo - set to -66px to hide default transaction icons */ -} - -/* MODAL OVERLAY */ - -QWidget#bgWidget { /* The 'frame' overlaying the overview-page */ -background: rgba(0,0,0,220); -padding-left: 10px; -padding-right: 10px; -} - -QWidget#bgWidget .QPushButton#warningIcon { -width:64px; -height:64px; -padding:5px; -background-color:transparent; -} - -QWidget#contentWidget { /* The actual content with the text/buttons/etc... */ -background-color: #444; -border-top:0px solid #000; -margin:0; -padding-top:20px; -padding-bottom: 20px; -} - -QWidget#bgWidget .QPushButton#closeButton { - -} - -/* SEND DIALOG */ - -QDialog#SendCoinsDialog .QFrame#frameCoinControl { /* Coin Control Section */ - -} - -QDialog#SendCoinsDialog .QFrame#frameCoinControl > .QLabel { /* Default Font Color and Size */ -font-weight:normal; -color: #999; -} - -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QPushButton#pushButtonCoinControl { /* Coin Control Inputs Button */ -padding-left:10px; -padding-right:10px; -min-height:25px; -} - -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QLabel#labelCoinControlFeatures { /* Coin Control Header */ -color:#999; -font-weight:normal; -font-size:14px; -} - -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QWidget#widgetCoinControl { /* Coin Control Inputs */ -} - -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QWidget#widgetCoinControl > .QLabel { /* Coin Control Inputs Labels */ -padding:2px; -} - -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QValidatedLineEdit#lineEditCoinControlChange { /* Custom Change Address */ -} - -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QLabel#labelCoinControlChangeLabel { /* Custom Change Address Validation Label */ -font-weight:normal; -qproperty-margin:-6; -margin-right:112px; -} - -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QLabel#labelCoinControlInsuffFunds { /* Insufficient Funds Label */ -color: #ff4500; -} - -QDialog#SendCoinsDialog .QScrollArea#scrollArea .QWidget#scrollAreaWidgetContents { /* Send To Widget */ -background:transparent; -} - -QDialog#SendCoinsDialog .QPushButton#sendButton { /* Send Button */ -padding-left:10px; -padding-right:10px; -} - -QDialog#SendCoinsDialog .QPushButton#clearButton { /* Clear Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; -} - -QDialog#SendCoinsDialog .QPushButton#clearButton:hover { -background-color: #aaa; -color: #333; -} - -QDialog#SendCoinsDialog .QPushButton#clearButton:pressed { -border:1px solid #9e9e9e; -} - -QDialog#SendCoinsDialog .QPushButton#addButton { /* Add Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; -} - -QDialog#SendCoinsDialog .QPushButton#addButton:hover { -background-color: #aaa; -color: #333; -} - -QDialog#SendCoinsDialog .QPushButton#addButton:pressed { -border:1px solid #9e9e9e; -} - -/* This QLabel uses name = "label" which conflicts with Address Book -> New Address */ -/* To maximize backwards compatibility this formatting has been removed */ - -QDialog#SendCoinsDialog QLabel#label { -/*margin-left:20px; -margin-right:-2px; -padding-right:-2px; -color:#616161; -font-size:14px; -font-weight:bold; -border-radius:5px; -padding-top:20px; -padding-bottom:20px;*/ -min-height:27px; -} - -QDialog#SendCoinsDialog QLabel#labelBalance { -margin-left:0px; -padding-left:0px; -color: #ccc; -/* font-weight:bold; -border-radius:5px; -padding-top:20px; -padding-bottom:20px; */ -min-height:27px; -} - -#checkboxSubtractFeeFromAmount { -padding-left:10px; -} - - -/* SEND COINS ENTRY */ - -QStackedWidget#SendCoinsEntry .QFrame#SendCoins > .QLabel { /* Send Coin Entry Labels */ -background-color: #555; -min-width:102px; -font-weight:normal; -/*font-size:11px;*/ -color: #ccc; -min-height:25px; -margin-right:5px; -padding-right:5px; -} - -QStackedWidget#SendCoinsEntry .QFrame#SendCoins .QLabel#amountLabel { -color: #444; -background-color:#999; -} - -QStackedWidget#SendCoinsEntry .QValidatedLineEdit#payTo { /* Pay To Input Field */ -} - -QStackedWidget#SendCoinsEntry .QToolButton { /* General Settings for Pay To Icons */ -background-color:transparent; -padding-left:5px; -padding-right:5px; -border: 0; -outline: 0; -} - -QStackedWidget#SendCoinsEntry .QToolButton#addressBookButton { /* Address Book Button */ -padding-left:10px; -} - -QStackedWidget#SendCoinsEntry .QToolButton#addressBookButton { -} - -QStackedWidget#SendCoinsEntry .QToolButton#pasteButton { -} - -QStackedWidget#SendCoinsEntry .QToolButton#deleteButton { -} - -QStackedWidget#SendCoinsEntry .QLineEdit#addAsLabel { /* Pay To Input Field */ -} - -/* COIN CONTROL POPUP */ - -QDialog#CoinControlDialog { /* Coin Control Dialog Window */ -background-color: #555; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlQuantityText { /* Coin Control Quantity Label */ -min-height:30px; -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlQuantity { /* Coin Control Quantity */ -min-height:30px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlBytesText { /* Coin Control Bytes Label */ -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlBytes { /* Coin Control Bytes */ -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlAmountText { /* Coin Control Amount Label */ -min-height:30px; -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlAmount { /* Coin Control Amount */ -min-height:30px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlPriorityText { /* Coin Control Priority Label */ -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlPriority { /* Coin Control Priority */ -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlFeeText { /* Coin Control Fee Label */ -min-height:30px; -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlFee { /* Coin Control Fee */ -min-height:30px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlLowOutputText { /* Coin Control Low Output Label */ -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlLowOutput { /* Coin Control Low Output */ -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlAfterFeeText { /* Coin Control After Fee Label */ -min-height:30px; -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlAfterFee { /* Coin Control After Fee */ -min-height:30px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlChangeText { /* Coin Control Change Label */ -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlChange { /* Coin Control Change */ - -} - -QDialog#CoinControlDialog .QFrame#frame .QPushButton#pushButtonSelectAll { /* (un)select all button */ -padding-left:10px; -padding-right:10px; -min-height:25px; -} - -QDialog#CoinControlDialog .QFrame#frame .QPushButton#pushButtonToggleLock { /* Toggle lock state button */ -padding-left:10px; -padding-right:10px; -min-height:25px; -} - -QDialog#CoinControlDialog .QDialogButtonBox#buttonBox QPushButton { /* Coin Control 'OK' button */ -} - -QDialog#CoinControlDialog QHeaderView::section:first { /* Bug Fix: the number "1" displays in this table for some reason... */ -color:transparent; -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget { /* Coin Control Widget Container */ -outline:0; -background-color: #444; -alternate-background-color: #555; -color: #ccc; -border:0px solid #aaa; -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item { -} +/****************************************************** +CoinControlDialog +******************************************************/ QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item:selected { /* Coin Control Item (selected) */ -background-color: #666; -color: #ccc; + background-color: #666; + color: #ccc; } QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item:checked { /* Coin Control Item (checked) */ -background-color: #333; -color: #ccc; + background-color: #333; + color: #ccc; } QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::branch:selected { /* Coin Control Branch Icon */ -background-repeat:no-repeat; -background-position:center; -background-color: #666; -color: #ccc; + background-color: #666; + color: #ccc; } QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::branch:checked { /* Coin Control Branch Icon */ -background-repeat:no-repeat; -background-position:center; -background-color: #333; -color: #ccc; -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::seperator { - + background-color: #333; + color: #ccc; } -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::indicator { /* Coin Control Widget Checkbox */ +/****************************************************** +EditAddressDialog +******************************************************/ -} +/***** No dark.css specific coloring here yet *****/ -/* RECEIVE COINS */ +/****************************************************** +HelpMessageDialog +******************************************************/ -QWidget#ReceiveCoinsDialog .QFrame#frame2 .QLabel#label_2 { /* Label Label */ -background-color: #555; -border: 1px solid #444; -min-width:102px; -color: #ccc; -/*font-weight:bold; -font-size:11px;*/ -padding-right:5px; +QDialog#HelpMessageDialog QScrollArea * { + background-color: #555; } -QWidget#ReceiveCoinsDialog .QFrame#frame2 .QLabel#label { /* Amount Label */ -background-color:#999; -border: 1px solid #444; -min-width:102px; -color: #444; -/*font-weight:bold; -font-size:11px;*/ -padding-right:5px; -} +/****************************************************** +MasternodeList +******************************************************/ -QWidget#ReceiveCoinsDialog .QFrame#frame2 .QLabel#label_3 { /* Message Label */ -background-color: #555; -border: 1px solid #444; -min-width:102px; -color: #ccc; -/*font-weight:bold; -font-size:11px;*/ -padding-right:5px; +QWidget#MasternodeList QTableWidget#tableWidgetMasternodesDIP3 { + color: #aaa; } -QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton { /* Clear Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; -} +/****************************************************** +ModalOverlay +******************************************************/ -QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton:hover { -background-color: #aaa; -color: #333; +QWidget#bgWidget { /* The frame overlaying the overview-page */ + background-color: #cc323232; + color: #616161; } -QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton:pressed { -border:1px solid #9e9e9e; +QWidget#contentWidget { /* The actual content with the text/buttons/etc... */ + background-color: #444; + border-color: #555; } -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton { /* Show Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; -} +/****************************************************** +OpenURIDialog +******************************************************/ -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton:hover { -background-color: #aaa; -color: #333; +QDialog#OpenURIDialog { + background-color: #555; } -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton:pressed { -border:1px solid #9e9e9e; -} +/****************************************************** +OptionsDialog +******************************************************/ -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton:disabled { -background-color: #666; -color: #fff; +QDialog#OptionsDialog { + background-color: #555; } -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton { /* Remove Button */ -background-color: #ddd; -border: 0; -color: #444; -padding-left:10px; -padding-right:10px; +QDialog#OptionsDialog QGroupBox { + color: #ccc; } -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton:hover { -background-color: #aaa; -color: #333; -} +/****************************************************** +OverviewPage Balances +******************************************************/ -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton:pressed { -border:1px solid #9e9e9e; -} +/***** No dark.css specific coloring here yet *****/ -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton:disabled { -background-color: #666; -color: #fff; -} +/****************************************************** +OverviewPage PrivateSend +******************************************************/ -QWidget#ReceiveCoinsDialog .QFrame#frame .QLabel#label_6 { /* Requested Payments History Label */ -color:#999; -font-weight:normal; -font-size:14px; -} +/***** No dark.css specific coloring here yet *****/ -QWidget#ReceiveCoinsDialog .QFrame#frame QTableView#recentRequestsView::item { /* Recent Requests Table */ -color: #aaa; -} +/****************************************************** +OverviewPage RecentTransactions +******************************************************/ -/* RECEIVE COINS DIALOG */ +/***** No dark.css specific coloring here yet *****/ -QDialog#ReceiveRequestDialog { -background-color: #555; -} +/****************************************************** +ReceiveCoinsDialog +******************************************************/ -QDialog#ReceiveRequestDialog QTextEdit { /* Contents of Receive Coin Dialog */ -border: 1px solid #333; -background-color: #555; -color: #ccc; +QWidget#ReceiveCoinsDialog .QFrame#frame QTableView#recentRequestsView::item { /* Recent Requests Table */ + color: #aaa; } -/* General QR-code DIALOG */ +/****************************************************** +RPCConsole +******************************************************/ -QDialog#QRDialog { -background-color: #555; +QWidget#RPCConsole { /* RPC Console Dialog Box */ + background-color: #333; } -QDialog#QRDialog QTextEdit { /* Contents of QR-code Dialog */ -border:1px solid #333; -background-color: #555; -color: #ccc; +QWidget#RPCConsole QWidget#tab_peers QTableView { /* Peers Tables */ + color: #aaa; } -/* TRANSACTIONS PAGE */ - -TransactionView QLineEdit { /* Filters */ -margin-bottom:2px; -margin-right:1px; -min-width:111px; -text-align:center; -} +/****************************************************** +SendCoinsDialog +******************************************************/ -TransactionView QLineEdit#addressWidget { /* Address Filter */ -margin-bottom:2px; -margin-right:1px; -min-width:405px; -text-align:center; +QDialog#SendCoinsDialog QLabel#labelBalance { + color: #ccc; } -TransactionView QLineEdit#amountWidget { /* Amount Filter */ -margin-bottom:2px; -margin-right:1px; -max-width:100px; -text-align:center; -} +/****************************************************** +SendCoinsEntry +******************************************************/ -TransactionView QComboBox { -margin-bottom:1px; -margin-right:1px; +QStackedWidget#SendCoinsEntry .QFrame#SendCoins > .QLabel { /* Send Coin Entry Labels */ + color: #ccc; } -QLabel#transactionSumLabel { /* Example of setObjectName for widgets without name */ -color: #ccc; -font-weight:bold; -} +/****************************************************** +SignVerifyMessageDialog +******************************************************/ -QLabel#transactionSum { /* Example of setObjectName for widgets without name */ -color: #ccc; +QDialog#SignVerifyMessageDialog { + background-color: #555; } -/* TRANSACTION DETAIL DIALOG */ - -QDialog#TransactionDescDialog { -background-color: #555; -} +/****************************************************** +ShutdownWindow +******************************************************/ -QDialog#TransactionDescDialog QTextEdit { /* Contents of Receive Coin Dialog */ -background-color: #444; -color: #ccc; -border:1px solid #333; +QWidget#ShutdownWindow { + background-color: #444; } -/* MASTERNODE LIST TAB */ +/****************************************************** +TransactionView +******************************************************/ -QWidget#MasternodeList QTableWidget#tableWidgetMasternodesDIP3 { -color: #aaa; -} +/***** No dark.css specific coloring here yet *****/ diff --git a/src/qt/res/css/general.css b/src/qt/res/css/general.css index 9bcdaec401b8..ca68b0fe1caa 100644 --- a/src/qt/res/css/general.css +++ b/src/qt/res/css/general.css @@ -1,188 +1,311 @@ /** - Copyright (c) 2020 The Dash Core developers - Distributed under the MIT/X11 software license, see the accompanying - file COPYING or http://www.opensource.org/licenses/mit-license.php. +Copyright (c) 2020 The Dash Core developers +Distributed under the MIT/X11 software license, see the accompanying +file COPYING or http://www.opensource.org/licenses/mit-license.php. - This file contains style changes used by both dash themes: "Light" and "Dark" +--------------------------------------------------------------------- + +A full theme is a combination of up to three css files. They are all getting +loaded and combined in `GUIUtil::loadStyleSheet()` in guitil.cpp. + +Hierarchy: + +* general.css - base layout: Loaded first if selected theme is not "Traditional" (trad.css) +* scrollbars.css - custom scrollbars: Loaded second only for windows/linux if general.css is loaded +* - theme css file: Always loaded and loaded last. + +To replace there are currently the following themes available: + +* Dark (dark.css) +* Light (light.css) +* Traditional (trad.css) + +NOTE: This file is only the base layout which is getting +shared between all full themes (e.g. Dark or Light). It may contain +color changes as long as they fit into all other themes. If an ui element +requires theme based coloring the appropriate css element can be picked +here to overwrite its colors (background-color, border-color, color) +in the file. **/ +/* do not modify! section updated by update-css-files.py + + +# Used colors in general.css for commit 3bebd1a5c + +#333 +#444 +#999 +#aaa +#005e98 +#008de4 +#096e03 +#1c75bc +#1f5383 +#616161 +#787878 +#9e9e9e +#d2d2d2 +#eb4034 +#f5f5f5 +#f6f6f6 +#ff4500 +#ffffff + + +*/ + +/****************************************************** +Common stuff +******************************************************/ + +WalletFrame, +QDialog { + border: 0px; + margin: 0; + padding-top: 20px; + padding-bottom: 20px; +} + +.QFrame { + background-color: transparent; + border: 0px; +} + +QStatusBar { +} + +QMessageBox { +} + +QCheckBox, +QLabel, +QListView, +QRadioButton, +QTreeWidget { /* Base Text Size & Color */ + font-size: 12px; +} /****************************************************** QAbstractSpinBox ******************************************************/ +QAbstractSpinBox { + border: 1px solid red; + padding: 0px 5px 0px 5px; + min-height: 31px; +} + +QAbstractSpinBox::up-button { + subcontrol-origin: border; + subcontrol-position: top right; + width: 21px; + border: 0px; + border-top: 1px solid; + border-right: 1px solid; + padding-right: 1px; + padding-left: 5px; + padding-top: 2px; +} + +QAbstractSpinBox::down-button { + subcontrol-origin: border; + subcontrol-position: bottom right; + width: 21px; + border: 0px; + border-right: 1px solid; + border-bottom: 1px solid; + padding-right: 1px; + padding-left: 5px; + padding-bottom: 2px; +} + QAbstractSpinBox::up-arrow { width: 20px; height: 20px; - image:url(':/images/arrow_up_normal'); + image: url(':/images/arrow_up_normal'); } QAbstractSpinBox::up-arrow:hover { width: 20px; height: 20px; - image:url(':/images/arrow_up_hover'); + image: url(':/images/arrow_up_hover'); } QAbstractSpinBox::up-arrow:pressed { width: 20px; height: 20px; - image:url(':/images/arrow_up_pressed'); + image: url(':/images/arrow_up_pressed'); } QAbstractSpinBox::up-arrow:disabled { width: 20px; height: 20px; - image:url(':/images/arrow_light_up_hover'); + image: url(':/images/arrow_light_up_hover'); } QAbstractSpinBox::down-arrow { width: 20px; height: 20px; - image:url(':/images/arrow_down_normal'); + image: url(':/images/arrow_down_normal'); } QAbstractSpinBox::down-arrow:hover { width: 20px; height: 20px; - image:url(':/images/arrow_down_hover'); + image: url(':/images/arrow_down_hover'); } QAbstractSpinBox::down-arrow:pressed { width: 20px; height: 20px; - image:url(':/images/arrow_down_pressed'); + image: url(':/images/arrow_down_pressed'); } QAbstractSpinBox::down-arrow:disabled { width: 20px; height: 20px; - image:url(':/images/arrow_light_down_hover'); -} - -/****************************************************** -QComboBox -******************************************************/ - -QComboBox::down-arrow { - width: 20px; - height: 20px; - border-image: url(':/images/arrow_down_normal') 0 0 0 0 stretch stretch; -} -QComboBox::down-arrow:hover { - width: 20px; - height: 20px; - border-image: url(':/images/arrow_down_hover') 0 0 0 0 stretch stretch; -} -QComboBox::down-arrow:pressed { - width: 20px; - height: 20px; - border-image: url(':/images/arrow_down_pressed') 0 0 0 0 stretch stretch; -} -QComboBox::down-arrow:disabled { - width: 20px; - height: 20px; - border-image: url(':/images/arrow_light_down_hover') 0 0 0 0 stretch stretch; -} - -/****************************************************** -QRadioButton -******************************************************/ - -QRadioButton { - background-color: transparent; -} -QRadioButton::indicator { - width: 15px; - height: 15px; - margin-right: 5px; -} -QRadioButton::indicator:unchecked { - image: url(':/images/radio_normal'); -} -QRadioButton::indicator:hover:unchecked { - image: url(':/images/radio_normal_hover'); -} -QRadioButton::indicator:unchecked:pressed { - image: url(':/images/radio_normal_pressed'); -} -QRadioButton::indicator:checked { - image: url(':/images/radio_checked'); -} -QRadioButton::indicator:checked:hover { - image: url(':/images/radio_checked_hover'); -} -QRadioButton::indicator:checked:pressed { - image: url(':/images/radio_checked_pressed'); -} -QRadioButton::indicator:checked:disabled { - image: url(':/images/radio_checked_disabled'); -} -QRadioButton::indicator:unchecked:disabled { - image: url(':/images/radio_normal_disabled'); + image: url(':/images/arrow_light_down_hover'); } /****************************************************** -QCheckBox & QTreeWidget::indicator checkboxes +QCheckBox ******************************************************/ QCheckBox{ background-color: transparent; - min-height:20px; + min-height: 20px; } -QTreeWidget::indicator, QCheckBox::indicator { width: 15px; height: 15px; margin-right: 5px; } -QTreeWidget::indicator:unchecked, QCheckBox::indicator:unchecked { image: url(':/images/checkbox_normal'); } -QTreeWidget::indicator:hover:unchecked, QCheckBox::indicator:hover:unchecked { image: url(':/images/checkbox_normal_hover'); } -QTreeWidget::indicator:unchecked:pressed, QCheckBox::indicator:unchecked:pressed { image: url(':/images/checkbox_normal_pressed'); } -QTreeWidget::indicator:unchecked:disabled, QCheckBox::indicator:unchecked:disabled { image: url(':/images/checkbox_normal_disabled'); } -QTreeWidget::indicator:checked, QCheckBox::indicator:checked { image: url(':/images/checkbox_checked'); } -QTreeWidget::indicator:checked:hover, QCheckBox::indicator:checked:hover { image: url(':/images/checkbox_checked_hover'); } -QTreeWidget::indicator:checked:pressed, QCheckBox::indicator:checked:pressed { image: url(':/images/checkbox_checked_pressed'); } -QTreeWidget::indicator:checked:disabled, QCheckBox::indicator:checked:disabled { image: url(':/images/checkbox_checked_disabled'); } -QTreeWidget::indicator:indeterminate, QCheckBox::indicator:indeterminate { image: url(':/images/checkbox_partly_checked'); } -QTreeWidget::indicator:indeterminate:hover, QCheckBox::indicator:indeterminate:hover { image: url(':/images/checkbox_partly_checked_hover'); } -QTreeWidget::indicator:indeterminate:pressed, QCheckBox::indicator:indeterminate:pressed { image: url(':/images/checkbox_partly_checked_pressed'); } -QTreeWidget::indicator:indeterminate:disabled, QCheckBox::indicator:indeterminate:disabled { image: url(':/images/checkbox_partly_checked_disabled'); } +/****************************************************** +QComboBox +******************************************************/ + +QComboBox { /* Dropdown Menus */ + border: 1px solid red; + padding: 0px 5px 0px 5px; + min-height: 31px; +} + +QComboBox:checked { +} + +QComboBox:editable { + border: 0px solid transparent; +} + +QComboBox::drop-down { + width: 25px; + border: 0px; +} + +QComboBox QListView { + padding: 3px; +} + +QComboBox QAbstractItemView::item { + margin: 4px; +} + +QComboBox::item { +} + +QComboBox::item:alternate { +} + +QComboBox::item:selected { + border: 0px solid transparent; +} + +QComboBox::indicator { + background-color: transparent; + selection-background-color: transparent; + color: transparent; + selection-color: transparent; +} + +QComboBox::down-arrow { + width: 20px; + height: 20px; + border-image: url(':/images/arrow_down_normal') 0 0 0 0 stretch stretch; +} +QComboBox::down-arrow:hover { + width: 20px; + height: 20px; + border-image: url(':/images/arrow_down_hover') 0 0 0 0 stretch stretch; +} +QComboBox::down-arrow:pressed { + width: 20px; + height: 20px; + border-image: url(':/images/arrow_down_pressed') 0 0 0 0 stretch stretch; +} +QComboBox::down-arrow:disabled { + width: 20px; + height: 20px; + border-image: url(':/images/arrow_light_down_hover') 0 0 0 0 stretch stretch; +} + /****************************************************** QHeaderView ******************************************************/ +QHeaderView { /* Table Header */ + background-color: transparent; +} + +QHeaderView::section { /* Table Header Sections */ + qproperty-alignment: center; + min-height: 25px; + font-weight: bold; + font-size: 11px; + outline: 0; + border: 0px solid; + border-right: 1px solid; + padding-left: 5px; + padding-right: 5px; + padding-top: 2px; + padding-bottom: 2px; +} +QHeaderView::section:last { + border-right: 0px; +} + QHeaderView::down-arrow { width: 20px; height: 20px; @@ -218,25 +341,1212 @@ QHeaderView::up-arrow:hover { } /****************************************************** -QTreeWidget +QLineEdit / QValidatedLineEdit / QPlainTextEdit ******************************************************/ +.QLineEdit, +QPlainTextEdit, +.QValidatedLineEdit { /* Text Entry Fields */ + border: 1px solid; + font-size: 11px; + min-height: 31px; + outline: 0; + padding: 0px 3px 0px 3px; +} -QTreeWidget { +.QLineEdit:!focus { + font-size: 12px; +} + +.QLineEdit:disabled, +.QValidatedLineEdit:disabled { +} + +/****************************************************** +QMenu +******************************************************/ + +QMenu { +} + +QMenu::item { +} + +QMenu::item:selected { +} + +/****************************************************** +QMenuBar +******************************************************/ + +QMenuBar { +} + +QMenuBar::item { +} + +QMenuBar::item:selected { +} + +/****************************************************** +QProgressDialog +******************************************************/ + +.QProgressDialog { +} + +/****************************************************** +QPushButton - General blue buttons +******************************************************/ + +QPushButton { /* Global Button Style */ + background-color: #008de4; + border: 0; + border-radius: 8px; + color: #ffffff; + font-size: 12px; + font-weight: normal; + height: 26px; + padding-left: 25px; + padding-right: 25px; + padding-top: 5px; + padding-bottom: 5px; +} + +QPushButton:hover { + background-color: #005e98; +} + +QPushButton:focus { + border: none; + outline: none; +} + +QPushButton:pressed { + background-color: #1f5383; + border: 1px solid #444; +} + +QPushButton:disabled { + background-color: #787878; +} + +/****************************************************** +QPushButton - Special case, light buttons +******************************************************/ + +QWidget#AddressBookPage QPushButton#newAddress, +QWidget#AddressBookPage QPushButton#copyAddress, +QWidget#AddressBookPage QPushButton#showAddressQRCode, +QWidget#AddressBookPage QPushButton#deleteAddress, +QDialog#OpenURIDialog QPushButton#selectFileButton, +QDialog#SendCoinsDialog .QPushButton#addButton, +QDialog#SendCoinsDialog .QPushButton#clearButton, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton, +QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM { + background-color: #f6f6f6; + border: 1px solid #d2d2d2; + color: #616161; + padding-left: 10px; + padding-right: 10px; +} + +QWidget#AddressBookPage QPushButton#newAddress:hover, +QWidget#AddressBookPage QPushButton#copyAddress:hover, +QWidget#AddressBookPage QPushButton#showAddressQRCode:hover, +QWidget#AddressBookPage QPushButton#deleteAddress:hover, +QDialog#OpenURIDialog QPushButton#selectFileButton:hover, +QDialog#SendCoinsDialog .QPushButton#addButton:hover, +QDialog#SendCoinsDialog .QPushButton#clearButton:hover, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton:hover, +QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton:hover, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton:hover, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM:hover, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM:hover { + background-color: #d2d2d2; + color: #333; +} + +QWidget#AddressBookPage QPushButton#newAddress:pressed, +QWidget#AddressBookPage QPushButton#copyAddress:pressed, +QWidget#AddressBookPage QPushButton#showAddressQRCode:pressed, +QWidget#AddressBookPage QPushButton#deleteAddress:pressed, +QDialog#OpenURIDialog QPushButton#selectFileButton:pressed, +QDialog#SendCoinsDialog .QPushButton#addButton:pressed, +QDialog#SendCoinsDialog .QPushButton#clearButton:pressed, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton:pressed, +QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton:pressed, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton:pressed, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM:pressed, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM:pressed { + border: 1px solid #9e9e9e; +} + +QWidget#AddressBookPage QPushButton#newAddress:disabled, +QWidget#AddressBookPage QPushButton#copyAddress:disabled, +QWidget#AddressBookPage QPushButton#showAddressQRCode:disabled, +QWidget#AddressBookPage QPushButton#deleteAddress:disabled, +QDialog#OpenURIDialog QPushButton#selectFileButton:disabled, +QDialog#SendCoinsDialog .QPushButton#addButton:disabled, +QDialog#SendCoinsDialog .QPushButton#clearButton:disabled, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton:disabled, +QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton:disabled, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton:disabled, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM:disabled, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM:disabled { + border: 1px solid; +} + +/****************************************************** +QRadioButton +******************************************************/ + +QRadioButton { background-color: transparent; } -QTreeWidget::branch::closed:has-children { - padding: 0 -2px 0 2px; - image: url(':/images/arrow_right_normal'); +QRadioButton::indicator { + width: 15px; + height: 15px; + margin-right: 5px; } -QTreeWidget::branch::closed:has-children:hover { - padding: 0 -2px 0 2px; - image: url(':/images/arrow_right_hover'); +QRadioButton::indicator:unchecked { + image: url(':/images/radio_normal'); } -QTreeWidget::branch::open { - padding: 0 -2px 0 2px; - image: url(':/images/arrow_down_normal'); +QRadioButton::indicator:hover:unchecked { + image: url(':/images/radio_normal_hover'); } -QTreeWidget::branch::open:hover { - padding: 0 -2px 0 2px; - image: url(':/images/arrow_down_hover'); +QRadioButton::indicator:unchecked:pressed { + image: url(':/images/radio_normal_pressed'); +} +QRadioButton::indicator:checked { + image: url(':/images/radio_checked'); +} +QRadioButton::indicator:checked:hover { + image: url(':/images/radio_checked_hover'); +} +QRadioButton::indicator:checked:pressed { + image: url(':/images/radio_checked_pressed'); +} +QRadioButton::indicator:checked:disabled { + image: url(':/images/radio_checked_disabled'); +} +QRadioButton::indicator:unchecked:disabled { + image: url(':/images/radio_normal_disabled'); +} + +/****************************************************** +QScrollArea +******************************************************/ + +.QScrollArea { + background-color: transparent; + border: 0px; +} + +/****************************************************** +QScrollBar +******************************************************/ + +/* Do NOT apply any styles to QScrollBar here, +* it's OS dependent and should be handled via platform specific code. +*/ + +/****************************************************** +QTableView +******************************************************/ + +.QTableView { /* Table - has to be selected as a class otherwise it throws off QCalendarWidget */ + border: 0px; + background-color: transparent; +} + +QTableView::item { /* Table Item */ + font-size: 12px; +} + +QTableView::item:selected { /* Table Item Selected */ +} + +/****************************************************** +QTableWidget +******************************************************/ + +.QTableWidget { + border: 0px; +} + +/****************************************************** +QTabWidget +******************************************************/ + +.QTabWidget { + border-bottom: 1px solid; +} + +.QTabWidget::pane { + border: 1px solid; +} + +.QTabWidget QTabBar::tab { + padding-left: 10px; + padding-right: 10px; + padding-top: 5px; + padding-bottom: 5px; + border-top: 1px solid; +} + +.QTabWidget QTabBar::tab:first { + border-left: 1px solid; +} + +.QTabWidget QTabBar::tab:last { + border-right: 1px solid; +} + +.QTabWidget QTabBar::tab:selected, +.QTabWidget QTabBar::tab:hover { +} + +.QTabWidget .QWidget { +} + +/****************************************************** +QTextEdit +******************************************************/ + +QTextEdit { + border: 1px solid red; +} + +/****************************************************** +QToolBar / QToolButton +******************************************************/ + +QToolBar { + background-color: #008de4; + border: 0; + padding: 0; + margin: 0; +} + +QToolBar > QToolButton { + background-color: #008de4; + border: 0; + font-size: 14px; + min-width: 70px; + min-height: 48%; + max-height: 48%; + padding: 0 10px; + margin: 0; + color: #f5f5f5; +} + +QToolBar > QToolButton:checked { + border: 0; + font-weight: bold; +} + +QToolBar > QToolButton:disabled { + color: #444; +} + +QToolBar > QLabel { + border: 0; + margin: 10px 0 0 0; +} + +/****************************************************** +QTreeWidget +******************************************************/ + +QTreeWidget { + background-color: transparent; + alternate-background-color: transparent; + outline: 0; + border: 0px; +} +QTreeWidget::branch::closed:has-children { + padding: 0 -2px 0 2px; + image: url(':/images/arrow_right_normal'); +} +QTreeWidget::branch::closed:has-children:hover { + padding: 0 -2px 0 2px; + image: url(':/images/arrow_right_hover'); +} +QTreeWidget::branch::open { + padding: 0 -2px 0 2px; + image: url(':/images/arrow_down_normal'); +} +QTreeWidget::branch::open:hover { + padding: 0 -2px 0 2px; + image: url(':/images/arrow_down_hover'); +} +QTreeWidget::indicator { + width: 15px; + height: 15px; + margin-right: 5px; +} +QTreeWidget::indicator:unchecked { + image: url(':/images/checkbox_normal'); +} +QTreeWidget::indicator:hover:unchecked { + image: url(':/images/checkbox_normal_hover'); +} +QTreeWidget::indicator:unchecked:pressed { + image: url(':/images/checkbox_normal_pressed'); +} +QTreeWidget::indicator:unchecked:disabled { + image: url(':/images/checkbox_normal_disabled'); +} +QTreeWidget::indicator:checked { + image: url(':/images/checkbox_checked'); +} +QTreeWidget::indicator:checked:hover { + image: url(':/images/checkbox_checked_hover'); +} +QTreeWidget::indicator:checked:pressed { + image: url(':/images/checkbox_checked_pressed'); +} +QTreeWidget::indicator:checked:disabled { + image: url(':/images/checkbox_checked_disabled'); +} +QTreeWidget::indicator:indeterminate { + image: url(':/images/checkbox_partly_checked'); +} +QTreeWidget::indicator:indeterminate:hover { + image: url(':/images/checkbox_partly_checked_hover'); +} +QTreeWidget::indicator:indeterminate:pressed { + image: url(':/images/checkbox_partly_checked_pressed'); +} +QTreeWidget::indicator:indeterminate:disabled { + image: url(':/images/checkbox_partly_checked_disabled'); +} + +/****************************************************** +QWidget +******************************************************/ + +QWidget { /* Remove Annoying Focus Rectangle */ + outline: 0; +} + + +/****************************************************** +******************************************************* +STYLING OF SPECIFIC CUSTOM UI PARTS + +Below each section should be for a specific UI class/file +not only Qt standard elements +******************************************************* +******************************************************/ + +/****************************************************** +AboutDialog +******************************************************/ + +QDialog#AboutDialog QLabel#label, +QDialog#AboutDialog QLabel#copyrightLabel, +QDialog#AboutDialog QLabel#label_2 { /* About Dash Contents */ + margin-left: auto10px; +} + +QDialog#AboutDialog QLabel#label_2 { /* Margin for About Dash text */ + margin-right: 10px; +} + +/****************************************************** +AddressBookPage +******************************************************/ + +QWidget#AddressBookPage { +} + +QWidget#AddressBookPage QTableView { /* Address Listing */ + font-size: 12px; +} + +QWidget#AddressBookPage QTableView::item { +} + +QWidget#AddressBookPage QHeaderView::section { /* Min width for Windows fix */ + min-width: 260px; +} + +/****************************************************** +AskPassphraseDialog +******************************************************/ + +QDialog#AskPassphraseDialog QLabel#passLabel1, +QDialog#AskPassphraseDialog QLabel#passLabel2, +QDialog#AskPassphraseDialog QLabel#passLabel3 { + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-width: 170px; + min-height: 33px; /* base width of 25px for QLineEdit, plus padding and border */ +} + +/****************************************************** +CoinControlDialog +******************************************************/ + +QDialog#CoinControlDialog .QLabel#labelCoinControlQuantityText { /* Coin Control Quantity Label */ + min-height: 30px; + padding-left: 15px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlQuantity { /* Coin Control Quantity */ + min-height: 30px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlBytesText { /* Coin Control Bytes Label */ + padding-left: 15px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlBytes { /* Coin Control Bytes */ +} +QDialog#CoinControlDialog .QLabel#labelCoinControlAmountText { /* Coin Control Amount Label */ + min-height: 30px; + padding-left: 15px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlAmount { /* Coin Control Amount */ + min-height: 30px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlPriorityText { /* Coin Control Priority Label */ + padding-left: 15px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlPriority { /* Coin Control Priority */ +} +QDialog#CoinControlDialog .QLabel#labelCoinControlFeeText { /* Coin Control Fee Label */ + min-height: 30px; + padding-left: 15px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlFee { /* Coin Control Fee */ + min-height: 30px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlLowOutputText { /* Coin Control Low Output Label */ + padding-left: 15px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlLowOutput { /* Coin Control Low Output */ +} +QDialog#CoinControlDialog .QLabel#labelCoinControlAfterFeeText { /* Coin Control After Fee Label */ + min-height: 30px; + padding-left: 15px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlAfterFee { /* Coin Control After Fee */ + min-height: 30px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlChangeText { /* Coin Control Change Label */ + padding-left: 15px; +} +QDialog#CoinControlDialog .QLabel#labelCoinControlChange { /* Coin Control Change */ + +} + +QDialog#CoinControlDialog .QFrame#frame .QPushButton#pushButtonSelectAll { /* (un)select all button */ + padding-left: 10px; + padding-right: 10px; + min-height: 25px; +} +QDialog#CoinControlDialog .QFrame#frame .QPushButton#pushButtonToggleLock { /* Toggle lock state button */ + padding-left: 10px; + padding-right: 10px; + min-height: 25px; +} + +QDialog#CoinControlDialog .QDialogButtonBox#buttonBox QPushButton { /* Coin Control 'OK' button */ +} + +QDialog#CoinControlDialog QHeaderView::section:first { /* Bug Fix: the number 1 displays in this table for some reason... */ + color: transparent; +} + +QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item { +} +QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item:selected { /* Coin Control Item (selected) */ +} +QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item:checked { /* Coin Control Item (checked) */ +} + +QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::branch:selected { /* Coin Control Branch Icon */ + background-repeat: no-repeat; + background-position: center; +} +QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::branch:checked { /* Coin Control Branch Icon */ + background-repeat: no-repeat; + background-position: center; +} + +QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::seperator { + +} + +/****************************************************** +EditAddressDialog +******************************************************/ + +QDialog#EditAddressDialog { +} + +QDialog#EditAddressDialog QLabel { + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-height: 27px; + font-weight: normal; + padding-right: 5px; +} + +/****************************************************** +HelpMessageDialog +******************************************************/ + +QDialog#HelpMessageDialog { +} + +QDialog#HelpMessageDialog QScrollArea { +} + +QDialog#HelpMessageDialog QTextEdit { +} + +/****************************************************** +MasternodeList +******************************************************/ + +MasternodeList QLabel#label_filter_2, +MasternodeList QLabel#label_count_2, +MasternodeList QLabel#countLabelDIP3 { + font-size: 15px; +} + +/****************************************************** +ModalOverlay +******************************************************/ + +QWidget#bgWidget { /* The frame overlaying the overview-page */ + padding-left: 10px; + padding-right: 10px; +} + +QWidget#bgWidget .QPushButton#warningIcon { + background-color: transparent; + width: 64px; + height: 64px; + padding: 5px; +} + +QWidget#contentWidget { /* The actual content with the text/buttons/etc... */ + margin: 0; + padding-top: 20px; + padding-bottom: 20px; + border: 1px solid; + border-radius: 10px; +} + +QWidget#bgWidget .QPushButton#closeButton { + margin-right: 50px; +} + +/****************************************************** +OpenURIDialog +******************************************************/ + +QDialog#OpenURIDialog { +} + +QDialog#OpenURIDialog QLabel#label { /* URI Label */ + font-weight: bold; +} + +/****************************************************** +OptionsDialog +******************************************************/ + +QDialog#OptionsDialog { +} + +QDialog#OptionsDialog QValueComboBox, +QDialog#OptionsDialog QSpinBox { +} + +QDialog#OptionsDialog QValidatedLineEdit, +QDialog#OptionsDialog QValidatedLineEdit:disabled, +QDialog#OptionsDialog QLineEdit, QDialog#OptionsDialog QLineEdit:disabled { + qproperty-alignment: 'AlignVCenter | AlignLeft'; +} + +QDialog#OptionsDialog > QLabel { + qproperty-alignment: 'AlignVCenter'; + min-height: 20px; +} + +QDialog#OptionsDialog QWidget#tabDisplay QValueComboBox { +} + +QDialog#OptionsDialog QLabel#label_3 { /* Translations Missing? Label */ + qproperty-alignment: 'AlignVCenter | AlignCenter'; + padding-bottom: 8px; +} + +QDialog#OptionsDialog QGroupBox { +} + +/****************************************************** +OverviewPage Balances +******************************************************/ + +QWidget .QFrame#frame { /* Wallet Balance */ + min-width: 490px; +} + +QWidget .QFrame#frame > .QLabel { + min-width: 100px; + font-weight: normal; + min-height: 30px; +} + +QWidget .QFrame#frame .QLabel#label_5 { /* Wallet Label */ + min-width: 180px; + color: #008de4; + margin-top: 0; + margin-right: 5px; + padding-right: 5px; + font-weight: bold; + font-size: 18px; + min-height: 30px; +} + +QWidget .QFrame#frame .QLabel#labelWalletStatus { /* Wallet Sync Status */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + color: #ff4500; + margin-left: 3px; +} + +QWidget .QFrame#frame .QLabel#labelSpendable { /* Spendable Header */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + font-size: 12px; + margin-left: 18px; +} + +QWidget .QFrame#frame .QLabel#labelWatchonly { /* Watch-only Header */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + font-size: 12px; + margin-left: 16px; +} + +QWidget .QFrame#frame .QLabel#labelBalanceText { /* Available Balance Label */ + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-width: 100px; + margin-right: 5px; + padding-right: 5px; + font-size: 14px; + font-weight: bold; + min-height: 35px; +} + +QWidget .QFrame#frame .QLabel#labelBalance { /* Available Balance */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + color: #008de4; + font-size: 16px; + font-weight: bold; + margin-left: 0px; +} + +QWidget .QFrame#frame .QLabel#labelWatchAvailable { /* Watch-only Balance */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + font-size: 12px; + margin-left: 16px; +} + +QWidget .QFrame#frame .QLabel#labelPendingText { /* Pending Balance Label */ + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-width: 100px; + font-size: 12px; + margin-right: 5px; + padding-right: 5px; +} + +QWidget .QFrame#frame .QLabel#labelUnconfirmed { /* Pending Balance */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + font-size: 12px; + margin-left: 0px; +} + +QWidget .QFrame#frame .QLabel#labelWatchPending { /* Watch-only Pending Balance */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + font-size: 12px; + margin-left: 16px; +} + +QWidget .QFrame#frame .QLabel#labelImmatureText { /* Immature Balance Label */ + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-width: 100px; + font-size: 12px; + margin-right: 5px; + padding-right: 5px; +} + +QWidget .QFrame#frame .QLabel#labelImmature { /* Immature Balance */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + font-size: 12px; + margin-left: 0px; +} + +QWidget .QFrame#frame .QLabel#labelWatchImmature { /* Watch-only Immature Balance */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + font-size: 12px; + margin-left: 16px; +} + +QWidget .QFrame#frame .QLabel#labelTotalText { /* Total Balance Label */ + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-width: 100px; + font-size: 12px; + margin-right: 5px; + padding-right: 5px; +} + +QWidget .QFrame#frame .QLabel#labelTotal { /* Total Balance */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + font-size: 12px; + margin-left: 0px; +} + +QWidget .QFrame#frame .QLabel#labelWatchTotal { /* Watch-only Total Balance */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + font-size: 12px; + margin-left: 16px; +} + +/****************************************************** +OverviewPage PrivateSend +******************************************************/ + +QWidget .QFrame#framePrivateSend { /* PrivateSend Widget */ + background-color: transparent; + max-width: 451px; + min-width: 451px; + max-height: 350px; +} + +QWidget .QFrame#framePrivateSend .QWidget#layoutWidgetPrivateSendHeader { /* PrivateSend Header */ + background-color: transparent; + max-width: 421px; + min-width: 421px; +} + +QWidget .QFrame#framePrivateSend .QLabel#labelPrivateSendHeader { /* PrivateSend Header */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + min-width: 180px; + color: #008de4; + margin-top: 0; + margin-right: 5px; + padding-right: 5px; + font-weight: bold; + font-size: 18px; + min-height: 30px; +} + +QWidget .QFrame#framePrivateSend .QLabel#labelPrivateSendSyncStatus { /* PrivateSend Sync Status */ + qproperty-alignment: 'AlignVCenter | AlignLeft'; + color: #ff4500; + margin-left: 2px; + padding-right: 5px; +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget { + max-width: 451px; + max-height: 175px; +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget > .QLabel { + min-width: 175px; + font-weight: normal; + min-height: 25px; +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelPrivateSendEnabledText { /* PrivateSend Enabled Status Label */ + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-width: 160px; + margin-right: 5px; + padding-right: 5px; +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelPrivateSendEnabled { /* PrivateSend Enabled Status */ + +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelCompletitionText { /* PrivateSend Completion Label */ + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-width: 160px; + margin-right: 5px; + padding-right: 5px; +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QProgressBar#privateSendProgress { /* PrivateSend Completion */ + border: 1px solid #aaa; + border-radius: 1px; + margin-right: 43px; + text-align: right; + color: #aaa; +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QProgressBar#privateSendProgress::chunk { + background-color: #008de4; + width: 1px; +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAnonymizedText { /* PrivateSend Balance Label */ + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-width: 160px; + margin-right: 5px; + padding-right: 5px; +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAnonymized { /* PrivateSend Balance */ + +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAmountAndRoundsText { /* PrivateSend Amount and Rounds Label */ + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-width: 160px; + margin-right: 5px; + padding-right: 5px; +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAmountRounds { /* PrivateSend Amount and Rounds */ + +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelSubmittedDenomText { /* PrivateSend Submitted Denom Label */ + qproperty-alignment: 'AlignVCenter | AlignRight'; + min-width: 160px; + margin-right: 5px; + padding-right: 5px; +} + +QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelSubmittedDenom { /* PrivateSend Submitted Denom */ + +} + +QWidget .QFrame#framePrivateSend .QWidget#layoutWidgetLastMessageAndButtons { + max-width: 451px; +} + +QWidget .QFrame#framePrivateSend .QLabel#labelPrivateSendLastMessage { /* PrivateSend Status Notifications */ + qproperty-alignment: 'AlignVCenter | AlignCenter'; + min-width: 288px; + min-height: 43px; + font-size: 11px; +} + +QWidget .QFrame#framePrivateSend QPushButton:focus { + border: none; + outline: none; +} + +QWidget .QFrame#framePrivateSend .QPushButton#togglePrivateSend { /* Start PrivateSend Mixing */ + min-height: 40px; + font-size: 15px; + font-weight: normal; + padding-left: 10px; + padding-right: 10px; + padding-top: 5px; + padding-bottom: 6px; +} + +QWidget .QFrame#framePrivateSend .QPushButton#togglePrivateSend:hover { + +} + +/****************************************************** +OverviewPage RecentTransactions +******************************************************/ + +QWidget .QFrame#frame_2 { /* Transactions Widget */ + min-width: 510px; + margin-right: 20px; + margin-left: 0; + margin-top: 0; +} + +QWidget .QFrame#frame_2 .QLabel#label_4 { /* Recent Transactions Label */ + min-width: 180px; + color: #008de4; + margin-left: 67px; + margin-top: 0; + margin-right: 5px; + padding-right: 5px; + font-weight: bold; + font-size: 18px; + min-height: 30px; +} + +QWidget .QFrame#frame_2 .QLabel#labelTransactionsStatus { /* Recent Transactions Sync Status */ + qproperty-alignment: 'AlignBottom | AlignRight'; + color: #ff4500; + min-width: 93px; + margin-top: 0; + margin-left: 16px; + margin-right: 5px; + min-height: 16px; +} + +QWidget .QFrame#frame_2 QListView { /* Transaction List */ + font-weight: normal; + font-size: 12px; + max-width: 369px; + margin-top: 12px; + margin-left: 0px; /* CSS Voodoo - set to -66px to hide default transaction icons */ +} + +/****************************************************** +ReceiveCoinsDialog +******************************************************/ + + +QWidget#ReceiveCoinsDialog .QFrame#frame2 .QLabel#label, +QWidget#ReceiveCoinsDialog .QFrame#frame2 .QLabel#label_2, +QWidget#ReceiveCoinsDialog .QFrame#frame2 .QLabel#label_3, +QWidget#ReceiveCoinsDialog .QFrame#frame .QLabel#label_6 { /* Label Label */ + min-width: 102px; + padding-right: 5px; + font-size: 15px; +} + +QWidget#ReceiveCoinsDialog .QFrame#frame QTableView#recentRequestsView::item { /* Recent Requests Table */ + +} + +/****************************************************** +RPCConsole +******************************************************/ + +QWidget#RPCConsole { /* RPC Console Dialog Box */ +} + +QWidget#RPCConsole QWidget#tab_info QLabel#label_11, +QWidget#RPCConsole QWidget#tab_info QLabel#label_10 { /* Margin between Network and Block Chain headers */ + qproperty-alignment: 'AlignBottom'; + min-height: 25px; + min-width: 180px; +} + +QWidget#RPCConsole QWidget#tab_peers QLabel#peerHeading { /* Peers Info Header */ + color: #1c75bc; +} + +QWidget#RPCConsole QPushButton#openDebugLogfileButton { + max-width: 60px; +} + +QWidget#RPCConsole QTextEdit#messagesWidget { /* Console Messages Window */ + background-color: transparent; + border: 0; +} + +QWidget#RPCConsole QLineEdit#lineEdit { /* Console Input */ +} + +QWidget#RPCConsole QPushButton#clearButton, +QWidget#RPCConsole QPushButton#fontSmallerButton, +QWidget#RPCConsole QPushButton#fontBiggerButton { /* Console Font and Clear Buttons */ + background-color: transparent; + padding-left: 10px; + padding-right: 10px; +} + +QWidget#RPCConsole QPushButton#promptIcon { /* Prompt Icon */ + background-color: transparent; +} + +QWidget#RPCConsole .QGroupBox #line { /* Network In Line */ + background-color: #096e03; +} + +QWidget#RPCConsole .QGroupBox #line_2 { /* Network Out Line */ + background-color: #eb4034; +} + +/****************************************************** +SendCoinsDialog +******************************************************/ + +QDialog#SendCoinsDialog .QFrame#frameCoinControl { /* Coin Control Section */ + +} + +QDialog#SendCoinsDialog .QFrame#frameCoinControl .QPushButton#pushButtonCoinControl { /* Coin Control Inputs Button */ + padding-left: 10px; + padding-right: 10px; + min-height: 25px; +} + +QDialog#SendCoinsDialog .QFrame#frameCoinControl .QLabel#labelCoinControlFeatures { /* Coin Control Header */ + color: #999; + font-weight: normal; + font-size: 14px; +} + +QDialog#SendCoinsDialog .QFrame#frameCoinControl .QWidget#widgetCoinControl { /* Coin Control Inputs */ +} + +QDialog#SendCoinsDialog .QFrame#frameCoinControl .QWidget#widgetCoinControl > .QLabel { /* Coin Control Inputs Labels */ + padding: 2px; +} + +QDialog#SendCoinsDialog .QFrame#frameCoinControl .QValidatedLineEdit#lineEditCoinControlChange { /* Custom Change Address */ +} + +QDialog#SendCoinsDialog .QFrame#frameCoinControl .QLabel#labelCoinControlChangeLabel { /* Custom Change Address Validation Label */ + font-weight: normal; + qproperty-margin: -6; + margin-right: 112px; +} + +QDialog#SendCoinsDialog .QFrame#frameCoinControl .QLabel#labelCoinControlInsuffFunds { /* Insufficient Funds Label */ + color: red; +} + +QDialog#SendCoinsDialog .QScrollArea#scrollArea .QWidget#scrollAreaWidgetContents { /* Send To Widget */ + background-color: transparent; +} + +/* This QLabel uses name = "label" which conflicts with Address Book -> New Address */ +/* To maximize backwards compatibility this formatting has been removed */ + +QDialog#SendCoinsDialog QLabel#label { + min-height: 27px; +} + +QDialog#SendCoinsDialog QLabel#labelBalance { + margin-left: 0px; + padding-left: 0px; + min-height: 27px; +} + +#checkboxSubtractFeeFromAmount { + padding-left: 10px; +} + +/****************************************************** +SendCoinsEntry +******************************************************/ + +QStackedWidget#SendCoinsEntry .QFrame#SendCoins > .QLabel { /* Send Coin Entry Labels */ + background-color: transparent; + min-width: 50px; + font-weight: normal; + font-size: 15px; + min-height: 25px; + margin-right: 5px; + padding-right: 5px; +} + +QStackedWidget#SendCoinsEntry .QFrame#SendCoins .QLabel#amountLabel { +} + +QStackedWidget#SendCoinsEntry .QValidatedLineEdit#payTo { /* Pay To Input Field */ +} + +QStackedWidget#SendCoinsEntry .QToolButton { /* General Settings for Pay To Icons */ + background-color: transparent; + padding-left: 5px; + padding-right: 5px; + border: 0; + outline: 0; +} + +QStackedWidget#SendCoinsEntry .QToolButton#addressBookButton { /* Address Book Button */ + padding-left: 10px; +} + +QStackedWidget#SendCoinsEntry .QToolButton#addressBookButton { +} + +QStackedWidget#SendCoinsEntry .QToolButton#pasteButton { +} + +QStackedWidget#SendCoinsEntry .QToolButton#deleteButton { +} + +QStackedWidget#SendCoinsEntry .QLineEdit#addAsLabel { /* Pay To Input Field */ +} + +/****************************************************** +SignVerifyMessageDialog +******************************************************/ + +QDialog#SignVerifyMessageDialog { +} + +QDialog#SignVerifyMessageDialog QPushButton#addressBookButton_SM { /* Address Book Button */ + background-color: transparent; + padding-left: 10px; + padding-right: 10px; +} + +QDialog#SignVerifyMessageDialog QPlainTextEdit { /* Message Signing Text */ + min-height: 50px; +} + +QDialog#SignVerifyMessageDialog QPushButton#pasteButton_SM { /* Paste Button */ + background-color: transparent; + padding-left: 15px; +} + +QDialog#SignVerifyMessageDialog QLineEdit:!focus { /* Font Hack */ + font-size: 10px; +} + +QDialog#SignVerifyMessageDialog QPushButton#copySignatureButton_SM { /* Copy Button */ + background-color: transparent; + padding-left: 10px; + padding-right: 10px; +} + +QDialog#SignVerifyMessageDialog QPushButton#addressBookButton_VM { /* Verify Message - Address Book Button */ + background-color: transparent; + border: 0; + padding-left: 10px; + padding-right: 10px; +} + +/****************************************************** +ShutdownWindow +******************************************************/ + +QWidget#ShutdownWindow { +} + +/****************************************************** +TransactionView +******************************************************/ + +TransactionView QLineEdit { /* Filters */ + margin-bottom: 2px; + margin-right: 1px; + min-width: 111px; + text-align: center; +} + +TransactionView QLineEdit#addressWidget { /* Address Filter */ + margin-bottom: 2px; + margin-right: 1px; + min-width: 405px; + text-align: center; +} + +TransactionView QLineEdit#amountWidget { /* Amount Filter */ + margin-bottom: 2px; + margin-right: 1px; + max-width: 100px; + text-align: center; +} + +TransactionView QComboBox { + margin-bottom: 1px; + margin-right: 1px; +} + +#transactionSumLabel, +#transactionSum { + font-size: 15px; } diff --git a/src/qt/res/css/light.css b/src/qt/res/css/light.css index 97869ad61e89..882d68f1b98c 100644 --- a/src/qt/res/css/light.css +++ b/src/qt/res/css/light.css @@ -1,1444 +1,483 @@ -WalletFrame { -background-color: #fff; -border-top:0px solid #000; -margin:0; -padding-top:20px; -padding-bottom: 20px; -} - -QStatusBar { -background-color:#ffffff; -} - -.QFrame { -background-color:transparent; -border:0px solid #fff; -} - -QMenuBar { -background-color:#fff; -} - -QMenuBar::item { -background-color:#fff; -} - -QMenuBar::item:selected { -background-color: #ffffff; -color: #008de4; -} - -QMenu { -background-color:#f8f6f6; -} - -QMenu::item { -color:#333; -} - -QMenu::item:selected { -background-color: #ffffff; -color: #008de4; -} - -QToolBar { -background-color:#008de4; -border:0; -padding:0; -margin:0; -} - -QToolBar > QToolButton { -background-color:#008de4; -border:0; -font-size: 14px; -min-width: 70px; -min-height: 48%; -max-height: 48%; -padding: 0 10px; -margin: 0; -color:#f5f5f5; -} +/** +Copyright (c) 2020 The Dash Core developers +Distributed under the MIT/X11 software license, see the accompanying +file COPYING or http://www.opensource.org/licenses/mit-license.php. + +--------------------------------------------------------------------- + +This file contains color changes for the dash theme "Light". + +NOTE: This file gets appended to the general.css while its +getting loaded in GUIUtil::loadStyleSheet(). Thus changes made in +general.css may become overwritten by changes in this file. + +Loaded in GUIUtil::loadStyleSheet() in guitil.cpp. +**/ + +/* do not modify! section updated by update-css-files.py + + +# Used colors in light.css for commit 3bebd1a5c + +#333 +#999 +#ccc +#fff +#008de4 +#1c75bc +#333333 +#616161 +#818181 +#82C3E6 +#d2d2d2 +#d7d7d7 +#e2e2e2 +#f0f0f0 +#f2f0f0 +#f2f2f2 +#f6f6f6 +#f7f7f7 +#fcfcfc +#ffffff +#ccfafafa + + +*/ -QToolBar > QToolButton:checked { -border: 0; -font-weight: bold; -} +/****************************************************** +Common stuff +******************************************************/ -QToolBar > QToolButton:disabled { -color: #444; +WalletFrame, +QDialog { + background-color: #f6f6f6; } -QToolBar > QLabel { -border:0; -margin:10px 0 0 0; +QStatusBar { + background-color: #ffffff; } QMessageBox { -background-color:#F8F6F6; -} - -/*******************************************************/ - -QLabel, -QCheckBox, -QRadioButton { /* Base Text Size & Color */ -font-size:12px; -color:#333333; -} - -.QValidatedLineEdit, .QLineEdit { /* Text Entry Fields */ -border: 1px solid #82C3E6; -font-size:11px; -min-height:31px; -outline:0; -padding: 0px 3px 0px 3px; -background-color:#fcfcfc; -} - -.QLineEdit:!focus { -font-size:12px; -} - -.QValidatedLineEdit:disabled, .QLineEdit:disabled { -background-color:#f2f2f2; + background-color: #f6f6f6; } QWidget { /* override text selection background color for all text widgets */ -selection-background-color: #999; + selection-background-color: #999; } -/*******************************************************/ - -QPushButton { /* Global Button Style */ -background-color: #008DE4; -border:0; -border-radius:8px; -color:#ffffff; -font-size:12px; -font-weight:normal; -height: 26px; -padding-left:25px; -padding-right:25px; -padding-top:5px; -padding-bottom:5px; -} - -QPushButton:hover { -background-color: #262626; +QCheckBox, +QLabel, +QListView, +QRadioButton, +QTreeWidget { + color: #333333; } -QPushButton:focus { -border:none; -outline:none; -} +/****************************************************** +QAbstractSpinBox +******************************************************/ -QPushButton:pressed { -border:1px solid #333; +QAbstractSpinBox, +QAbstractSpinBox::up-button, +QAbstractSpinBox::down-button { + background-color: #fcfcfc; + border-color: #82C3E6; + color: #818181; } -QPushButton:disabled { -background-color: #666; -} +/****************************************************** +QComboBox +******************************************************/ QComboBox { /* Dropdown Menus */ -border:1px solid #82C3E6; -padding: 0px 5px 0px 5px; -background:#fcfcfc; -min-height:31px; -color:#818181; + background-color: #fcfcfc; + border-color: #82C3E6; + color: #818181; } QComboBox:checked { -background:#f2f2f2; + background-color: #f2f2f2; } QComboBox:editable { -background: #1c75bc; -color:#616161; -border:0px solid transparent; -} - -QComboBox::drop-down { -width:25px; -border:0px; + background-color: #1c75bc; + color: #616161; } QComboBox QListView { -background:#fff; -padding: 3px; + background-color: #fff; } -QComboBox QAbstractItemView::item { margin:4px; } - QComboBox::item { -color:#818181; + color: #818181; } QComboBox::item:alternate { -background:#fff; + background-color: #fff; } QComboBox::item:selected { -border:0px solid transparent; -background:#f2f2f2; -} - -QComboBox::indicator { -background-color:transparent; -selection-background-color:transparent; -color:transparent; -selection-color:transparent; -} - -QAbstractSpinBox { -border:1px solid #82C3E6; -padding: 0px 5px 0px 5px; -background:#fcfcfc; -min-height:31px; -color:#818181; + background-color: #f2f2f2; } -QAbstractSpinBox::up-button { -subcontrol-origin: border; -subcontrol-position: top right; -width:21px; -background:#fcfcfc; -border-left:0px; -border-right:1px solid #82C3E6; -border-top:1px solid #82C3E6; -border-bottom:0px; -padding-right:1px; -padding-left:5px; -padding-top:2px; -} - -QAbstractSpinBox::down-button { -subcontrol-origin: border; -subcontrol-position: bottom right; -width:21px; -background:#fcfcfc; -border-top:0px; -border-left:0px; -border-right:1px solid #82C3E6; -border-bottom:1px solid #82C3E6; -padding-right:1px; -padding-left:5px; -padding-bottom:2px; -} - -/*******************************************************/ - -QHeaderView { /* Table Header */ -background-color:transparent; -} +/****************************************************** +QHeaderView +******************************************************/ QHeaderView::section { /* Table Header Sections */ -qproperty-alignment:center; -background-color: #008de4; -color:#fff; -min-height:25px; -font-weight:bold; -font-size:11px; -outline:0; -border:0px solid #fff; -border-right:1px solid #fff; -padding-left:5px; -padding-right:5px; -padding-top:2px; -padding-bottom:2px; -} - -QHeaderView::section:last { -border-right: 0px solid #d7d7d7; -} - -.QScrollArea { -background:transparent; -border:0px; -} - -.QTableView { /* Table - has to be selected as a class otherwise it throws off QCalendarWidget */ -border:0px solid #fff; -} - -QTableView::item { /* Table Item */ -background-color:#fcfcfc; -font-size:12px; -} - -QTableView::item:selected { /* Table Item Selected */ -background-color:#f0f0f0; -color:#333; -} - -/* Do NOT apply any styles to QScrollBar here, - * it's OS dependent and should be handled via platform specific code. -*/ - -/*******************************************************/ - -.QTabWidget { -border-bottom:1px solid #333; + background-color: #008de4; + border-color: #fff; + color: #fff; } -.QTabWidget::pane { -border: 1px solid #d7d7d7; -background-color:#fff; -} +/****************************************************** +QLineEdit / QValidatedLineEdit / QPlainTextEdit +******************************************************/ -.QTabWidget QTabBar::tab { -background-color:#f2f0f0; -color:#333; -padding-left:10px; -padding-right:10px; -padding-top:5px; -padding-bottom:5px; -border-top: 1px solid #d7d7d7; +.QValidatedLineEdit, +.QLineEdit, +QPlainTextEdit { /* Text Entry Fields */ + background-color: #fcfcfc; + border-color: #82C3E6; } -.QTabWidget QTabBar::tab:first { -border-left: 1px solid #d7d7d7; +.QValidatedLineEdit:disabled, +.QLineEdit:disabled { + background-color: #f2f2f2; } -.QTabWidget QTabBar::tab:last { -border-right: 1px solid #d7d7d7; -} - -.QTabWidget QTabBar::tab:selected, .QTabWidget QTabBar::tab:hover { -background-color:#ffffff; -color:#333; -} +/****************************************************** +QMenu +******************************************************/ -.QTabWidget .QWidget { -color:#333; +QMenu { + background-color: #f6f6f6; } -.QTabWidget .QWidget QAbstractSpinBox { +QMenu::item { + color: #333; } -.QTabWidget .QWidget QAbstractSpinBox::down-button { +QMenu::item:selected { + background-color: #ffffff; + color: #008de4; } -.QTabWidget .QWidget QAbstractSpinBox::up-button { -} +/****************************************************** +QMenuBar +******************************************************/ -.QTabWidget .QWidget QComboBox { +QMenuBar { + background-color: #fff; } -/* DIALOG BOXES */ +/****************************************************** +QProgressDialog +******************************************************/ .QProgressDialog { -background-color: #F8F6F6; + background-color: #f6f6f6; } -QDialog QWidget { /* Remove Annoying Focus Rectangle */ -outline: 0; -} +/****************************************************** +QPushButton - Special case, light buttons +******************************************************/ -/* SHUTDOWN WINDOW */ - -QWidget#ShutdownWindow { -background-color: #F8F6F6; +QWidget#AddressBookPage QPushButton#newAddress:disabled, +QWidget#AddressBookPage QPushButton#copyAddress:disabled, +QWidget#AddressBookPage QPushButton#showAddressQRCode:disabled, +QWidget#AddressBookPage QPushButton#deleteAddress:disabled, +QDialog#OpenURIDialog QPushButton#selectFileButton:disabled, +QDialog#SendCoinsDialog .QPushButton#addButton:disabled, +QDialog#SendCoinsDialog .QPushButton#clearButton:disabled, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton:disabled, +QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton:disabled, +QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton:disabled, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM:disabled, +QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM:disabled { + background-color: #e2e2e2; + border-color: #d2d2d2; + color: #d2d2d2; } -/*******************************************************/ -/* FILE MENU */ +/****************************************************** +QRadioButton +******************************************************/ -/* Dialog: Open URI */ -QDialog#OpenURIDialog { -background-color:#F8F6F6; -} +/***** No light.css specific coloring here yet *****/ -QDialog#OpenURIDialog QLabel#label { /* URI Label */ -font-weight:bold; -} +/****************************************************** +QScrollArea +******************************************************/ -QDialog#OpenURIDialog QPushButton#selectFileButton { /* ... Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; -} +/***** No light.css specific coloring here yet *****/ -QDialog#OpenURIDialog QPushButton#selectFileButton:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; -} +/****************************************************** +QScrollBar +******************************************************/ -QDialog#OpenURIDialog QPushButton#selectFileButton:pressed { -border:1px solid #9e9e9e; -} +/* Do NOT apply any styles to QScrollBar here, +* it's OS dependent and should be handled via platform specific code. +*/ -/* Dialog: Sign / Verify Message */ -QDialog#SignVerifyMessageDialog { -background-color:#F8F6F6; -} +/****************************************************** +QTableView +******************************************************/ -QDialog#SignVerifyMessageDialog QPushButton#addressBookButton_SM { /* Address Book Button */ -background-color:transparent; -padding-left:10px; -padding-right:10px; +.QTableView { /* Table - has to be selected as a class otherwise it throws off QCalendarWidget */ + background-color: #fff; } -QDialog#SignVerifyMessageDialog QPlainTextEdit { /* Message Signing Text */ -border:1px solid #82C3E6; -background-color:#fff; +QTableView::item { /* Table Item */ + background-color: #fcfcfc; } -QDialog#SignVerifyMessageDialog QPushButton#pasteButton_SM { /* Paste Button */ -background-color:transparent; -padding-left:15px; +QTableView::item:selected { /* Table Item Selected */ + background-color: #f0f0f0; + color: #333; } -QDialog#SignVerifyMessageDialog QLineEdit:!focus { /* Font Hack */ -font-size:10px; -} +/****************************************************** +QTableWidget +******************************************************/ -QDialog#SignVerifyMessageDialog QPushButton#copySignatureButton_SM { /* Copy Button */ -background-color:transparent; -padding-left:10px; -padding-right:10px; +QTableWidget { + background-color: #fff; } -QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM { /* Clear Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; -} +/****************************************************** +QTabWidget +******************************************************/ -QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; +.QTabWidget { + border-color: #333; } -QDialog#SignVerifyMessageDialog QPushButton#clearButton_SM:pressed { -border:1px solid #9e9e9e; +.QTabWidget::pane { + background-color: #fff; + border-color: #d7d7d7; } -QDialog#SignVerifyMessageDialog QPushButton#addressBookButton_VM { /* Verify Message - Address Book Button */ -background-color:transparent; -border:0; -padding-left:10px; -padding-right:10px; +.QTabWidget QTabBar::tab { + background-color: #f2f0f0; + border-color: #d7d7d7; + color: #333; } -QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM { /* Verify Message - Clear Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; +.QTabWidget QTabBar::tab:first, +.QTabWidget QTabBar::tab:last { + border-color: #d7d7d7; } -QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; +.QTabWidget QTabBar::tab:selected, +.QTabWidget QTabBar::tab:hover { + background-color: #ffffff; + color: #333; } -QDialog#SignVerifyMessageDialog QPushButton#clearButton_VM:pressed { -border:1px solid #9e9e9e; +.QTabWidget .QWidget { + color: #333; } -/* Dialog: Send and Receive */ -QWidget#AddressBookPage { -background-color:#F8F6F6; -} +/****************************************************** +QTextEdit +******************************************************/ -QWidget#AddressBookPage QPushButton#newAddress { /* New Address Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; +QTextEdit { + border-color: #d7d7d7; } -QWidget#AddressBookPage QPushButton#newAddress:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; -} +/****************************************************** +QToolBar / QToolButton +******************************************************/ -QWidget#AddressBookPage QPushButton#newAddress:pressed { -border:1px solid #9e9e9e; -} +/***** No light.css specific coloring here yet *****/ -QWidget#AddressBookPage QPushButton#copyAddress { /* Copy Address Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; -} +/****************************************************** +QTreeWidget +******************************************************/ -QWidget#AddressBookPage QPushButton#copyAddress:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; +QTreeWidget { + background-color: #fff; } -QWidget#AddressBookPage QPushButton#copyAddress:pressed { -border:1px solid #9e9e9e; -} +/****************************************************** +QWidget +******************************************************/ -QWidget#AddressBookPage QPushButton#showAddressQRCode { /* Show Address QR code Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; -} +/***** No light.css specific coloring here yet *****/ -QWidget#AddressBookPage QPushButton#showAddressQRCode:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; -} -QWidget#AddressBookPage QPushButton#showAddressQRCode:pressed { -border:1px solid #9e9e9e; -} +/****************************************************** +******************************************************* +STYLING OF SPECIFIC CUSTOM UI PARTS -QWidget#AddressBookPage QPushButton#deleteAddress { /* Delete Address Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; -} +Below each section should be for a specific UI class/file +not only Qt standard elements +******************************************************* +******************************************************/ -QWidget#AddressBookPage QPushButton#deleteAddress:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; -} +/****************************************************** +AboutDialog +******************************************************/ -QWidget#AddressBookPage QPushButton#deleteAddress:pressed { -border:1px solid #9e9e9e; -} +/***** No light.css specific coloring here yet *****/ -QWidget#AddressBookPage QTableView { /* Address Listing */ -font-size:12px; -} +/****************************************************** +AddressBookPage +******************************************************/ -QWidget#AddressBookPage QHeaderView::section { /* Min width for Windows fix */ -min-width:260px; +QWidget#AddressBookPage { + background-color: #f6f6f6; } -/* SETTINGS MENU */ +/****************************************************** +AskPassphraseDialog +******************************************************/ -/* Encrypt Wallet and Change Passphrase Dialog */ QDialog#AskPassphraseDialog { -background-color:#F8F6F6; -} - -QDialog#AskPassphraseDialog QLabel#passLabel1, QDialog#AskPassphraseDialog QLabel#passLabel2, QDialog#AskPassphraseDialog QLabel#passLabel3 { -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:170px; -min-height:33px; /* base width of 25px for QLineEdit, plus padding and border */ -} - -/* Options Dialog */ -QDialog#OptionsDialog { -background-color:#F8F6F6; -} - -QDialog#OptionsDialog QValueComboBox, QDialog#OptionsDialog QSpinBox { -} - -QDialog#OptionsDialog QValidatedLineEdit, QDialog#OptionsDialog QValidatedLineEdit:disabled, QDialog#OptionsDialog QLineEdit, QDialog#OptionsDialog QLineEdit:disabled { -qproperty-alignment: 'AlignVCenter | AlignLeft'; -} - -QDialog#OptionsDialog > QLabel { -qproperty-alignment: 'AlignVCenter'; -min-height:20px; + background-color: #f6f6f6; } -QDialog#OptionsDialog QWidget#tabDisplay QValueComboBox { -} - -QDialog#OptionsDialog QLabel#label_3 { /* Translations Missing? Label */ -qproperty-alignment: 'AlignVCenter | AlignCenter'; -color:#818181; -padding-bottom:8px; -} - -/* TOOLS MENU */ - -QWidget#RPCConsole { /* RPC Console Dialog Box */ -background-color:#F8F6F6; -} +/****************************************************** +CoinControlDialog +******************************************************/ -QWidget#RPCConsole QWidget#tab_info QLabel#label_11, QWidget#RPCConsole QWidget#tab_info QLabel#label_10 { /* Margin between Network and Block Chain headers */ -qproperty-alignment: 'AlignBottom'; -min-height:25px; -min-width:180px; -} - -QWidget#RPCConsole QWidget#tab_peers QLabel#peerHeading { /* Peers Info Header */ -color:#1c75bc; -} - -QWidget#RPCConsole QPushButton#openDebugLogfileButton { -max-width:60px; -} - -QWidget#RPCConsole QTextEdit#messagesWidget { /* Console Messages Window */ -border:0; -} - -QWidget#RPCConsole QLineEdit#lineEdit { /* Console Input */ +QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item:selected { /* Coin Control Item (selected) */ + background-color: #f7f7f7; + color: #333; } -QWidget#RPCConsole QPushButton#clearButton, QWidget#RPCConsole QPushButton#fontSmallerButton, QWidget#RPCConsole QPushButton#fontBiggerButton { /* Console Font and Clear Buttons */ -background-color:transparent; -padding-left:10px; -padding-right:10px; +QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item:checked { /* Coin Control Item (checked) */ + background-color: #f7f7f7; + color: #333; } -QWidget#RPCConsole QPushButton#promptIcon { /* Prompt Icon */ -background-color:transparent; +QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::branch:selected { /* Coin Control Branch Icon */ + background-color: #f7f7f7; + color: #333; } -QWidget#RPCConsole .QGroupBox #line { /* Network In Line */ -background-color:#00ff00; +QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::branch:checked { /* Coin Control Branch Icon */ + background-color: #f7f7f7; + color: #333; } -QWidget#RPCConsole .QGroupBox #line_2 { /* Network Out Line */ -background-color:#ff0000; -} +/****************************************************** +EditAddressDialog +******************************************************/ -/* HELP MENU */ +/***** No light.css specific coloring here yet *****/ -/* Command Line Options Dialog */ -QDialog#HelpMessageDialog { -background-color:#F8F6F6; -} +/****************************************************** +HelpMessageDialog +******************************************************/ QDialog#HelpMessageDialog QScrollArea * { -background-color:#ffffff; -} - -/* About Dash Dialog */ -QDialog#AboutDialog { -background-color:#F8F6F6; -} - -QDialog#AboutDialog QLabel#label, QDialog#AboutDialog QLabel#copyrightLabel, QDialog#AboutDialog QLabel#label_2 { /* About Dash Contents */ -margin-left:10px; -} - -QDialog#AboutDialog QLabel#label_2 { /* Margin for About Dash text */ -margin-right:10px; -} - -/* Edit Address Dialog */ -QDialog#EditAddressDialog { -background-color:#F8F6F6; -} - -QDialog#EditAddressDialog QLabel { -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-height:27px; -font-weight:normal; -padding-right:5px; -} - -/* OVERVIEW SCREEN */ - -QWidget .QFrame#frame { /* Wallet Balance */ -min-width:490px; -} - -QWidget .QFrame#frame > .QLabel { -min-width:190px; -font-weight:normal; -min-height:30px; -} - -QWidget .QFrame#frame .QLabel#label_5 { /* Wallet Label */ -min-width:180px; -color:#008de4; -margin-top:0; -margin-right:5px; -padding-right:5px; -font-weight:bold; -font-size:18px; -min-height:30px; -} - -QWidget .QFrame#frame .QLabel#labelWalletStatus { /* Wallet Sync Status */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -color: red; -margin-left:3px; -} - -QWidget .QFrame#frame .QLabel#labelSpendable { /* Spendable Header */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:18px; -} - -QWidget .QFrame#frame .QLabel#labelWatchonly { /* Watch-only Header */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:16px; -} - -QWidget .QFrame#frame .QLabel#labelBalanceText { /* Available Balance Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color:#F8F6F6; -margin-right:5px; -padding-right:5px; -font-size:14px; -font-weight: bold; -min-height:35px; -} - -QWidget .QFrame#frame .QLabel#labelBalance { /* Available Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -color:#1c75bc; -font-size:16px; -font-weight: bold; -margin-left:0px; -} - -QWidget .QFrame#frame .QLabel#labelWatchAvailable { /* Watch-only Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:16px; -} - -QWidget .QFrame#frame .QLabel#labelPendingText { /* Pending Balance Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -font-size:12px; -background-color:#F8F6F6; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#frame .QLabel#labelUnconfirmed { /* Pending Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:0px; -} - -QWidget .QFrame#frame .QLabel#labelWatchPending { /* Watch-only Pending Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:16px; -} - -QWidget .QFrame#frame .QLabel#labelImmatureText { /* Immature Balance Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -font-size:12px; -background-color:#F8F6F6; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#frame .QLabel#labelImmature { /* Immature Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:0px; -} - -QWidget .QFrame#frame .QLabel#labelWatchImmature { /* Watch-only Immature Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:16px; -} - -QWidget .QFrame#frame .QLabel#labelTotalText { /* Total Balance Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -font-size:12px; -background-color:#F8F6F6; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#frame .QLabel#labelTotal { /* Total Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:0px; -} - -QWidget .QFrame#frame .QLabel#labelWatchTotal { /* Watch-only Total Balance */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -font-size:12px; -margin-left:16px; -} - -/* PRIVATESEND WIDGET */ - -QWidget .QFrame#framePrivateSend { /* PrivateSend Widget */ -background-color:transparent; -max-width: 451px; -min-width: 451px; -max-height: 350px; -} - -QWidget .QFrame#framePrivateSend .QWidget#layoutWidgetPrivateSendHeader { /* PrivateSend Header */ -background-color:transparent; -max-width: 421px; -min-width: 421px; -} - -QWidget .QFrame#framePrivateSend .QLabel#labelPrivateSendHeader { /* PrivateSend Header */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -min-width:180px; -color:#008de4; -margin-top:0; -margin-right:5px; -padding-right:5px; -font-weight: bold; -font-size:18px; -min-height:30px; -} -/******************************************************************/ -QWidget .QFrame#framePrivateSend .QLabel#labelPrivateSendSyncStatus { /* PrivateSend Sync Status */ -qproperty-alignment: 'AlignVCenter | AlignLeft'; -color: red; -margin-left:2px; -padding-right:5px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget { -max-width: 451px; -max-height: 175px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget > .QLabel { -min-width:175px; -font-weight:normal; -min-height:25px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelPrivateSendEnabledText { /* PrivateSend Enabled Status Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color:#F8F6F6; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelPrivateSendEnabled { /* PrivateSend Enabled Status */ - -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelCompletitionText { /* PrivateSend Completion Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color:#F8F6F6; -margin-right:5px; -padding-right:5px; - -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QProgressBar#privateSendProgress { /* PrivateSend Completion */ -border: 1px solid #818181; -border-radius: 1px; -margin-right:43px; -text-align: right; -color:#818181; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QProgressBar#privateSendProgress::chunk { -background-color: #008de4; -width:1px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAnonymizedText { /* PrivateSend Balance Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color:#F8F6F6; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAnonymized { /* PrivateSend Balance */ - -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAmountAndRoundsText { /* PrivateSend Amount and Rounds Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color:#F8F6F6; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelAmountRounds { /* PrivateSend Amount and Rounds */ - -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelSubmittedDenomText { /* PrivateSend Submitted Denom Label */ -qproperty-alignment: 'AlignVCenter | AlignRight'; -min-width:160px; -background-color:#F8F6F6; -margin-right:5px; -padding-right:5px; -} - -QWidget .QFrame#framePrivateSend #privateSendFormLayoutWidget .QLabel#labelSubmittedDenom { /* PrivateSend Submitted Denom */ - -} - -QWidget .QFrame#framePrivateSend .QWidget#layoutWidgetLastMessageAndButtons { -max-width: 451px; -} - -QWidget .QFrame#framePrivateSend .QLabel#labelPrivateSendLastMessage { /* PrivateSend Status Notifications */ -qproperty-alignment: 'AlignVCenter | AlignCenter'; -min-width: 288px; -min-height: 43px; -font-size:11px; -color:#818181; -} - -/* PRIVATESEND BUTTONS */ - -QWidget .QFrame#framePrivateSend .QPushButton { /* PrivateSend Buttons - General Attributes */ -border:0px solid #ffffff; -} - -QWidget .QFrame#framePrivateSend QPushButton:focus { -border:none; -outline:none; -} - -QWidget .QFrame#framePrivateSend .QPushButton#togglePrivateSend { /* Start PrivateSend Mixing */ -min-height: 40px; -font-size:15px; -font-weight:normal; -color:#ffffff; -padding-left:10px; -padding-right:10px; -padding-top:5px; -padding-bottom:6px; -} - -QWidget .QFrame#framePrivateSend .QPushButton#togglePrivateSend:hover { - -} - -/* RECENT TRANSACTIONS */ - -QWidget .QFrame#frame_2 { /* Transactions Widget */ -min-width:510px; -margin-right:20px; -margin-left:0; -margin-top:0; -} - -QWidget .QFrame#frame_2 .QLabel#label_4 { /* Recent Transactions Label */ -min-width:180px; -color: #008de4; -margin-left:67px; -margin-top:0; -margin-right:5px; -padding-right:5px; -font-weight:bold; -font-size:18px; -min-height:30px; -} - -QWidget .QFrame#frame_2 .QLabel#labelTransactionsStatus { /* Recent Transactions Sync Status */ -qproperty-alignment: 'AlignBottom | AlignRight'; -color: red; -min-width:93px; -margin-top:0; -margin-left:16px; -margin-right:5px; -min-height:16px; + background-color: #ffffff; } -QWidget .QFrame#frame_2 QListView { /* Transaction List */ -font-weight:normal; -font-size:12px; -max-width:369px; -margin-top:12px; -margin-left:0px; /* CSS Voodoo - set to -66px to hide default transaction icons */ -} +/****************************************************** +MasternodeList +******************************************************/ -/* MODAL OVERLAY */ +/***** No light.css specific coloring here yet *****/ -QWidget#bgWidget { /* The 'frame' overlaying the overview-page */ - background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); - color:#616161; - padding-left:10px; - padding-right:10px; -} +/****************************************************** +ModalOverlay +******************************************************/ -QWidget#bgWidget .QPushButton#warningIcon { -width:64px; -height:64px; -padding:5px; -background-color:transparent; +QWidget#bgWidget { /* The frame overlaying the overview-page */ + background-color: #ccfafafa; } QWidget#contentWidget { /* The actual content with the text/buttons/etc... */ -background-color: #fff; -border-top:0px solid #000; -margin:0; -padding-top:20px; -padding-bottom: 20px; -} - -QWidget#bgWidget .QPushButton#closeButton { - -} - -/* SEND DIALOG */ - -QDialog#SendCoinsDialog .QFrame#frameCoinControl { /* Coin Control Section */ - -} - -QDialog#SendCoinsDialog .QFrame#frameCoinControl > .QLabel { /* Default Font Color and Size */ -font-weight:normal; -color: #999; + background-color: #fff; + border-color: #ccc; } -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QPushButton#pushButtonCoinControl { /* Coin Control Inputs Button */ -padding-left:10px; -padding-right:10px; -min-height:25px; -} - -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QLabel#labelCoinControlFeatures { /* Coin Control Header */ -color:#999; -font-weight:normal; -font-size:14px; -} +/****************************************************** +OpenURIDialog +******************************************************/ -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QWidget#widgetCoinControl { /* Coin Control Inputs */ +QDialog#OpenURIDialog { + background-color: #f6f6f6; } -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QWidget#widgetCoinControl > .QLabel { /* Coin Control Inputs Labels */ -padding:2px; -} +/****************************************************** +OptionsDialog +******************************************************/ -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QValidatedLineEdit#lineEditCoinControlChange { /* Custom Change Address */ +QDialog#OptionsDialog { + background-color: #f6f6f6; } -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QLabel#labelCoinControlChangeLabel { /* Custom Change Address Validation Label */ -font-weight:normal; -qproperty-margin:-6; -margin-right:112px; -} +/****************************************************** +OverviewPage Balances +******************************************************/ -QDialog#SendCoinsDialog .QFrame#frameCoinControl .QLabel#labelCoinControlInsuffFunds { /* Insufficient Funds Label */ -color: red; -} +/***** No light.css specific coloring here yet *****/ -QDialog#SendCoinsDialog .QScrollArea#scrollArea .QWidget#scrollAreaWidgetContents { /* Send To Widget */ -background:transparent; -} +/****************************************************** +OverviewPage PrivateSend +******************************************************/ -QDialog#SendCoinsDialog .QPushButton#sendButton { /* Send Button */ -padding-left:10px; -padding-right:10px; -} +/***** No light.css specific coloring here yet *****/ -QDialog#SendCoinsDialog .QPushButton#clearButton { /* Clear Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; -} +/****************************************************** +OverviewPage RecentTransactions +******************************************************/ -QDialog#SendCoinsDialog .QPushButton#clearButton:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; -} +/***** No light.css specific coloring here yet *****/ -QDialog#SendCoinsDialog .QPushButton#clearButton:pressed { -border:1px solid #9e9e9e; -} +/****************************************************** +ReceiveCoinsDialog +******************************************************/ -QDialog#SendCoinsDialog .QPushButton#addButton { /* Add Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; -} +/***** No light.css specific coloring here yet *****/ -QDialog#SendCoinsDialog .QPushButton#addButton:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; -} +/****************************************************** +RPCConsole +******************************************************/ -QDialog#SendCoinsDialog .QPushButton#addButton:pressed { -border:1px solid #9e9e9e; +QWidget#RPCConsole { /* RPC Console Dialog Box */ + background-color: #f6f6f6; } -/* This QLabel uses name = "label" which conflicts with Address Book -> New Address */ -/* To maximize backwards compatibility this formatting has been removed */ - -QDialog#SendCoinsDialog QLabel#label { -/*margin-left:20px; -margin-right:-2px; -padding-right:-2px; -color:#616161; -font-size:14px; -font-weight:bold; -border-radius:5px; -padding-top:20px; -padding-bottom:20px;*/ -min-height:27px; -} +/****************************************************** +SendCoinsDialog +******************************************************/ QDialog#SendCoinsDialog QLabel#labelBalance { -margin-left:0px; -padding-left:0px; -color:#333333; -/* font-weight:bold; -border-radius:5px; -padding-top:20px; -padding-bottom:20px; */ -min-height:27px; -} - -#checkboxSubtractFeeFromAmount { -padding-left:10px; + color: #333333; } - -/* SEND COINS ENTRY */ +/****************************************************** +SendCoinsEntry +******************************************************/ QStackedWidget#SendCoinsEntry .QFrame#SendCoins > .QLabel { /* Send Coin Entry Labels */ -background-color:#F8F6F6; -min-width:102px; -font-weight:normal; -/*font-size:11px;*/ -color:#333; -min-height:25px; -margin-right:5px; -padding-right:5px; -} - -QStackedWidget#SendCoinsEntry .QFrame#SendCoins .QLabel#amountLabel { -color: #fff; -background-color:#999; -} - -QStackedWidget#SendCoinsEntry .QValidatedLineEdit#payTo { /* Pay To Input Field */ -} - -QStackedWidget#SendCoinsEntry .QToolButton { /* General Settings for Pay To Icons */ -background-color:transparent; -padding-left:5px; -padding-right:5px; -border: 0; -outline: 0; -} - -QStackedWidget#SendCoinsEntry .QToolButton#addressBookButton { /* Address Book Button */ -padding-left:10px; -} - -QStackedWidget#SendCoinsEntry .QToolButton#addressBookButton { -} - -QStackedWidget#SendCoinsEntry .QToolButton#pasteButton { -} - -QStackedWidget#SendCoinsEntry .QToolButton#deleteButton { -} - -QStackedWidget#SendCoinsEntry .QLineEdit#addAsLabel { /* Pay To Input Field */ -} - -/* COIN CONTROL POPUP */ - -QDialog#CoinControlDialog { /* Coin Control Dialog Window */ -background-color:#F8F6F6; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlQuantityText { /* Coin Control Quantity Label */ -min-height:30px; -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlQuantity { /* Coin Control Quantity */ -min-height:30px; + color: #333; } -QDialog#CoinControlDialog .QLabel#labelCoinControlBytesText { /* Coin Control Bytes Label */ -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlBytes { /* Coin Control Bytes */ -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlAmountText { /* Coin Control Amount Label */ -min-height:30px; -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlAmount { /* Coin Control Amount */ -min-height:30px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlPriorityText { /* Coin Control Priority Label */ -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlPriority { /* Coin Control Priority */ -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlFeeText { /* Coin Control Fee Label */ -min-height:30px; -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlFee { /* Coin Control Fee */ -min-height:30px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlLowOutputText { /* Coin Control Low Output Label */ -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlLowOutput { /* Coin Control Low Output */ -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlAfterFeeText { /* Coin Control After Fee Label */ -min-height:30px; -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlAfterFee { /* Coin Control After Fee */ -min-height:30px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlChangeText { /* Coin Control Change Label */ -padding-left:15px; -} - -QDialog#CoinControlDialog .QLabel#labelCoinControlChange { /* Coin Control Change */ - -} - -QDialog#CoinControlDialog .QFrame#frame .QPushButton#pushButtonSelectAll { /* (un)select all button */ -padding-left:10px; -padding-right:10px; -min-height:25px; -} - -QDialog#CoinControlDialog .QFrame#frame .QPushButton#pushButtonToggleLock { /* Toggle lock state button */ -padding-left:10px; -padding-right:10px; -min-height:25px; -} - -QDialog#CoinControlDialog .QDialogButtonBox#buttonBox QPushButton { /* Coin Control 'OK' button */ -} - -QDialog#CoinControlDialog QHeaderView::section:first { /* Bug Fix: the number "1" displays in this table for some reason... */ -color:transparent; -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget { /* Coin Control Widget Container */ -outline:0; -background-color:#ffffff; -border:0px solid #818181; -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item { -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item:selected { /* Coin Control Item (selected) */ -background-color:#f7f7f7; -color:#333; -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::item:checked { /* Coin Control Item (checked) */ -background-color:#f7f7f7; -color:#333; -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::branch:selected { /* Coin Control Branch Icon */ -background-repeat:no-repeat; -background-position:center; -background-color:#f7f7f7; -color:#333; -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::branch:checked { /* Coin Control Branch Icon */ -background-repeat:no-repeat; -background-position:center; -background-color:#f7f7f7; -color:#333; -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::seperator { - -} - -QDialog#CoinControlDialog .CoinControlTreeWidget#treeWidget::indicator { /* Coin Control Widget Checkbox */ - -} - -/* RECEIVE COINS */ - -QWidget#ReceiveCoinsDialog .QFrame#frame2 .QLabel#label_2 { /* Label Label */ -background-color:#F8F6F6; -border: 1px solid #fff; -min-width:102px; -color:#333; -/*font-weight:bold; -font-size:11px;*/ -padding-right:5px; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame2 .QLabel#label { /* Amount Label */ -background-color:#999; -border: 1px solid #fff; -min-width:102px; -color:#ffffff; -/*font-weight:bold; -font-size:11px;*/ -padding-right:5px; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame2 .QLabel#label_3 { /* Message Label */ -background-color:#F8F6F6; -border: 1px solid #fff; -min-width:102px; -color:#333; -/*font-weight:bold; -font-size:11px;*/ -padding-right:5px; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton { /* Clear Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame2 QPushButton#clearButton:pressed { -border:1px solid #9e9e9e; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton { /* Show Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#showRequestButton:pressed { -border:1px solid #9e9e9e; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton { /* Remove Button */ -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(250, 250, 250, 128), stop: .95 rgba(250, 250, 250, 255), stop: 1 #ebebeb); -border:1px solid #d2d2d2; -color:#616161; -padding-left:10px; -padding-right:10px; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton:hover { -background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: .01 #f6f6f6, stop: .1 rgba(240, 240, 240, 255), stop: .95 rgba(240, 240, 240, 255), stop: 1 #ebebeb); -color:#333; -} +/****************************************************** +SignVerifyMessageDialog +******************************************************/ -QWidget#ReceiveCoinsDialog .QFrame#frame QPushButton#removeRequestButton:pressed { -border:1px solid #9e9e9e; -} - -QWidget#ReceiveCoinsDialog .QFrame#frame .QLabel#label_6 { /* Requested Payments History Label */ -color:#999; -font-weight:normal; -font-size:14px; -} - -/* RECEIVE COINS DIALOG */ - -QDialog#ReceiveRequestDialog { -background-color:#F8F6F6; -} - -QDialog#ReceiveRequestDialog QTextEdit { /* Contents of Receive Coin Dialog */ -border:1px solid #d7d7d7; -} - -/* General QR-code DIALOG */ - -QDialog#QRDialog { -background-color:#F8F6F6; -} - -QDialog#QRDialog QTextEdit { /* Contents of QR-code Dialog */ -border:1px solid #d7d7d7; -} - -/* TRANSACTIONS PAGE */ - -TransactionView QLineEdit { /* Filters */ -margin-bottom:2px; -margin-right:1px; -min-width:111px; -text-align:center; -} - -TransactionView QLineEdit#addressWidget { /* Address Filter */ -margin-bottom:2px; -margin-right:1px; -min-width:405px; -text-align:center; -} - -TransactionView QLineEdit#amountWidget { /* Amount Filter */ -margin-bottom:2px; -margin-right:1px; -max-width:100px; -text-align:center; -} - -TransactionView QComboBox { -margin-bottom:1px; -margin-right:1px; +QDialog#SignVerifyMessageDialog { + background-color: #f6f6f6; } -QLabel#transactionSumLabel { /* Example of setObjectName for widgets without name */ -color:#333333; -font-weight:bold; -} +/****************************************************** +ShutdownWindow +******************************************************/ -QLabel#transactionSum { /* Example of setObjectName for widgets without name */ -color:#333333; +QWidget#ShutdownWindow { + background-color: #f6f6f6; } -/* TRANSACTION DETAIL DIALOG */ +/****************************************************** +TransactionView +******************************************************/ -QDialog#TransactionDescDialog { -background-color:#F8F6F6; -} - -QDialog#TransactionDescDialog QTextEdit { /* Contents of Receive Coin Dialog */ -border:1px solid #d7d7d7; -} +/***** No light.css specific coloring here yet *****/ diff --git a/src/qt/res/css/scrollbars.css b/src/qt/res/css/scrollbars.css index dd4ef5a83ed0..8deb72bd725b 100644 --- a/src/qt/res/css/scrollbars.css +++ b/src/qt/res/css/scrollbars.css @@ -1,65 +1,110 @@ +/** +Copyright (c) 2020 The Dash Core developers +Distributed under the MIT/X11 software license, see the accompanying +file COPYING or http://www.opensource.org/licenses/mit-license.php. + +--------------------------------------------------------------------- + +This file contains style to customize the scrollbars. It's only loaded +for dash themes (dark/light) and also only by windwos and linux, +not by macOS clients. + +NOTE: This file is getting appended to the general.css while its +getting loaded in GUIUtil::loadStyleSheet(). Thus changes made in +general.css may become overwritten by changes in this file. + +Loaded in GUIUtil::loadStyleSheet() in guitil.cpp. +**/ + +/* do not modify! section updated by update-css-files.py + + +# Used colors in scrollbars.css for commit 3bebd1a5c + +#e0e0e0 +#f2f0f0 +#f6f6f6 +#ffffff + + +*/ + +/****************************************************** +QScrollBar +******************************************************/ + QScrollBar:vertical { /* Vertical Scroll Bar Attributes */ - border:0; - background:#ffffff; - width:18px; + border: 0; + background-color: #ffffff; + width: 18px; margin: 18px 0px 18px 0px; } QScrollBar:horizontal { /* Horizontal Scroll Bar Attributes */ - border:0; - background:#ffffff; - height:18px; + border: 0; + background-color: #ffffff; + height: 18px; margin: 0px 18px 0px 18px; } QScrollBar::handle:vertical { /* Scroll Bar Slider - vertical */ - background:#e0e0e0; - min-height:10px; + background-color: #e0e0e0; + min-height: 10px; } QScrollBar::handle:horizontal { /* Scroll Bar Slider - horizontal */ - background:#e0e0e0; - min-width:10px; + background-color: #e0e0e0; + min-width: 10px; } -QScrollBar::add-page, QScrollBar::sub-page { /* Scroll Bar Background */ - background:#F8F6F6; +QScrollBar::add-page, +QScrollBar::sub-page { /* Scroll Bar Background */ + background-color: #f6f6f6; } -QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical, QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { /* Define Arrow Button Dimensions */ - background-color:#F8F6F6; +QScrollBar::add-line:vertical, +QScrollBar::sub-line:vertical, +QScrollBar::add-line:horizontal, +QScrollBar::sub-line:horizontal { /* Define Arrow Button Dimensions */ + background-color: #f6f6f6; border: 1px solid #f2f0f0; - width:16px; - height:16px; + width: 16px; + height: 16px; } -QScrollBar::add-line:vertical:pressed, QScrollBar::sub-line:vertical:pressed, QScrollBar::add-line:horizontal:pressed, QScrollBar::sub-line:horizontal:pressed { - background-color:#e0e0e0; +QScrollBar::add-line:vertical:pressed, +QScrollBar::sub-line:vertical:pressed, +QScrollBar::add-line:horizontal:pressed, +QScrollBar::sub-line:horizontal:pressed { + background-color: #e0e0e0; } QScrollBar::sub-line:vertical { /* Vertical - top button position */ - subcontrol-position:top; + subcontrol-position: top; subcontrol-origin: margin; } QScrollBar::add-line:vertical { /* Vertical - bottom button position */ - subcontrol-position:bottom; + subcontrol-position: bottom; subcontrol-origin: margin; } QScrollBar::sub-line:horizontal { /* Vertical - left button position */ - subcontrol-position:left; + subcontrol-position: left; subcontrol-origin: margin; } QScrollBar::add-line:horizontal { /* Vertical - right button position */ - subcontrol-position:right; + subcontrol-position: right; subcontrol-origin: margin; } -QScrollBar:up-arrow, QScrollBar:down-arrow, QScrollBar:left-arrow, QScrollBar:right-arrow { /* Arrows Icon */ - width:18px; - height:18px; +QScrollBar:up-arrow, +QScrollBar:down-arrow, +QScrollBar:left-arrow, +QScrollBar:right-arrow { /* Arrows Icon */ + width: 18px; + height: 18px; } QScrollBar:up-arrow { @@ -114,10 +159,7 @@ QScrollBar:right-arrow:disabled { border-image: url(':/images/arrow_light_right_hover'); } -QDialog#HelpMessageDialog QScrollBar:vertical, QDialog#HelpMessageDialog QScrollBar:horizontal { - border:0; -} - -.QTableView { /* Table - has to be selected as a class otherwise it throws off QCalendarWidget */ - background:transparent; +QDialog#HelpMessageDialog QScrollBar:vertical, +QDialog#HelpMessageDialog QScrollBar:horizontal { + border: 0; } diff --git a/src/qt/res/css/trad.css b/src/qt/res/css/trad.css index 6ed15d9613bc..49c8152e072c 100644 --- a/src/qt/res/css/trad.css +++ b/src/qt/res/css/trad.css @@ -1,29 +1,68 @@ -/* MODAL OVERLAY */ +/** +Copyright (c) 2020 The Dash Core developers +Distributed under the MIT/X11 software license, see the accompanying +file COPYING or http://www.opensource.org/licenses/mit-license.php. -QWidget#bgWidget { /* The 'frame' overlaying the overview-page */ -background: rgba(0,0,0,220); +--------------------------------------------------------------------- + +This file contains all changes for the dash theme "Traditional". + +NOTE: This file gets not appended to the general.css. The Traditional +theme is a standalone theme which just fixes some bugs in the OS default +depiction of the Qt elements. + +Loaded in GUIUtil::loadStyleSheet() in guitil.cpp. +**/ + +/* do not modify! section updated by update-css-files.py + + +# Used colors in trad.css for commit 3bebd1a5c + +#fff +#ccfafafa + + +*/ + +/****************************************************** +ModalOverlay +******************************************************/ + +QWidget#bgWidget { /* The frame overlaying the overview-page */ + padding-left: 10px; + padding-right: 10px; + background-color: #ccfafafa; } QWidget#contentWidget { /* The actual content with the text/buttons/etc... */ -background: rgba(255,255,255,240); -border-radius: 6px; + background-color: #fff; + margin: 0; + padding-top: 20px; + padding-bottom: 20px; + border: 1px solid; + border-radius: 6px; } -/* OVERVIEW SCREEN */ +/****************************************************** +OverviewPage +******************************************************/ QWidget .QFrame#frame .QLabel#labelWalletStatus, /* Wallet Sync Status */ QWidget .QFrame#framePrivateSend .QLabel#labelPrivateSendSyncStatus, /* PrivateSend Sync Status */ QWidget .QFrame#frame_2 .QLabel#labelTransactionsStatus { /* Recent Transactions Sync Status */ -color: red; + color: red; } -/* SEND DIALOG */ +/****************************************************** +SendCoinsDialog +******************************************************/ QDialog#SendCoinsDialog QLabel#labelBalance { -margin-left:0px; -padding-left:0px; + margin-left: 0px; + padding-left: 0px; } QDialog#SendCoinsDialog .QFrame#frameCoinControl .QLabel#labelCoinControlInsuffFunds { /* Insufficient Funds Label */ -color: red; + color: red; }