API tools faq
paste
lalaladoomsday

nomacs Dark-Theme-SmallText.css

lalaladoomsday
Oct 3rd, 2026
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 15.46 KB | None | 0 0
raw download clone embed print report
  1.  
  2. /* nomacs-color BACKGROUND_COLOR     #333      */
  3. /* nomacs-color FOREGROUND_COLOR     #ddd      */
  4. /* nomacs-color ICON_COLOR           #ddd      */
  5. /* nomacs-color HIGHLIGHT_COLOR      #0066bb   */
  6. /* nomacs-color HUD_BACKGROUND_COLOR #aa000000 */
  7. /* nomacs-color HUD_FOREGROUND_COLOR #ddd      */
  8. /* nomacs-color SLIDESHOW_COLOR      #333      */
  9.  
  10. /* nomacs-include ":/nomacs/stylesheet.css" */
  11.  
  12. /* all widgets */
  13. * {
  14.     border: none;
  15.     color: FOREGROUND_COLOR;
  16.     background-color: none; /* if we missed something it takes the parent bg */
  17.     selection-color: #fff;
  18.     selection-background-color: HIGHLIGHT_COLOR;
  19. }
  20.  
  21. *:disabled {
  22.     color: rgba(255,255,255,100);
  23. }
  24.  
  25. /*DARK-THEME.CSS EDIT WITH SMALL TEXT
  26.  
  27. nomacs is under GPL-3.0 license and so is this edit of the default theme.
  28. nomacs Copyright Markus Diem, Stefan Fiel and Florian Kleber 2011-2020.
  29.  
  30. it is based on nomacs 3.22.4 Dark-Theme.css .
  31.  
  32. i change font size here*/
  33. QWidget { font-size: 8pt; }
  34. QToolTip { font-size: 10pt; }
  35. QLabel#batchContentTitle { font-size: 11pt; }
  36. QLabel#batchContentInfo { font-size: 10pt; }
  37. QLabel#FileNamePreviewLabel { font-size: 10pt; }
  38. QLabel#DkBatchTitle { font-size: 10pt; }
  39. QLabel#DkSplashInfoLabel { font-size: 10pt; }
  40. QListWidget#historyList { font-size: 9pt; }
  41. QLabel#commentTitleLabel { font-size: 12pt; }
  42. QLabel#DkMetaDataHUDTitle { font-size: 12pt; }
  43. QPushButton#DkTabEntryWidget,
  44.  
  45. /* TABS */
  46. nmc--DkBatchTabButton { font-size: 10pt; }
  47. nmc--DkBatchTabButton { min-width: 100px; width: 100px; padding: 2px 2px; padding-bottom: 6px; }
  48.  
  49. QLabel#DkPreferenceTitle { font-size: 11pt; }
  50. QPushButton#infoButton { font-size: 11pt; }
  51. QLabel#subTitle { font-size: 11pt; }
  52. nmc--DkBaseManipulatorWidget#darkManipulator QComboBox { font-size: 10pt; }
  53. nmc--DkBaseManipulatorWidget#darkManipulator QComboBox QListView { font-size: 10pt; }
  54. QLabel#DkManipulatorSettingsTitle { font-size: 10pt; }
  55. QListWidget#profileList { font-size: 10pt; }
  56. QLabel#recentFilesTitle { font-size: 10pt; }
  57. QPushButton#displayButton { font-size: 10pt; }
  58. nmc--DkBatchButtonsWidget QPushButton { icon-size: 10px; }
  59. QPushButton#DkPlayerButton { icon-size: 10px; }
  60. QPushButton#hudNavigationButton { icon-size: 10px; }
  61. QPushButton#DkRestartButton { icon-size: 16px; }
  62.  
  63. QScrollArea#DkPreferenceTabsScroller { min-width: 130px; }
  64. QPushButton#DkTabEntryWidget,
  65. nmc--DkBatchTabButton { padding: 2px 2px; icon-size: 10px; }
  66.  
  67. /*i thiiiiiiink all my changes are contained there*/
  68.  
  69. /* buttons */
  70. QPushButton {
  71.     border: 1px solid rgba(255,255,255,30);
  72.     padding: 4px 20px;
  73. }
  74.  
  75. QPushButton:flat,
  76. QPushButton:flat:disabled {
  77.     border: none;
  78. }
  79.  
  80. QPushButton:default {
  81.     background-color: rgba(255,255,255,30);
  82. }
  83.  
  84. QPushButton:disabled {
  85.     border: 1px solid rgba(255,255,255,100);
  86. }
  87.  
  88. QPushButton:default:disabled {
  89.     color: rgba(255,255,255,75);
  90. }
  91.  
  92. QPushButton:pressed {
  93.     background-color: rgba(255,255,255,80);
  94. }
  95.  
  96. nmc--DkBatchTabButton {
  97.     min-width: 20px;
  98.     padding: 8px 6px;
  99.     padding-bottom: 30px;
  100. }
  101.  
  102. QPushButton#DkTabEntryWidget:checked,
  103. nmc--DkBatchTabButton:checked {
  104.     background-color: rgba(0, 0, 0, 40);
  105.     border: none;    /* clear border styles first */
  106.     border-left: 4px solid HIGHLIGHT_COLOR;
  107. }
  108.  
  109. /* push buttons in overlays are broken by default pushbutton */
  110. nmc--DkCommentWidget QPushButton {
  111.     padding: 4px;
  112. }
  113.  
  114. QCheckBox::indicator {
  115.     background-color: rgba(255,255,255,40);
  116. /* nomacs-if-qt-gte-6,0,0 */
  117.     width:  16px;
  118.     height: 16px;
  119. /* nomacs-else */
  120.     width:  1em;
  121.     height: 1em;
  122. /* nomacs-endif */
  123.     border: 1px transparent rgba(0,0,0,0);
  124. }
  125.  
  126. QCheckBox::indicator:checked {
  127.     image: nomacsColorize(:/nomacs/img/check.svg);
  128. }
  129.  
  130. QRadioButton::indicator {
  131.     background-color: rgba(255,255,255,40);
  132. /* nomacs-if-qt-gte-6,0,0 */
  133.    width: 16px;
  134.    height: 16px;
  135.    border-radius: 8px;
  136. /* nomacs-else */
  137.    width:  1em;
  138.    height: 1em;
  139.    border-radius:0.49em;
  140. /* nomacs-endif */
  141.    border: 1px transparent rgba(0,0,0,0);
  142. }
  143.  
  144. QRadioButton::indicator:checked
  145. {
  146.     image: nomacsColorize(:/nomacs/img/radio-checked.svg);
  147. }
  148.  
  149. QCheckBox::indicator:pressed,
  150. QRadioButton::indicator:pressed {
  151.     background-color: rgba(255,255,255,80);
  152. }
  153.  
  154. QDialogButtonBox {
  155.     dialogbuttonbox-buttons-have-icons: 0;
  156. }
  157.  
  158. QGroupBox {
  159.     border: 1px solid rgba(255,255,255,30); /* == button border */
  160.     margin-top: 0.5em; /* center title with top border */
  161.     margin-left: 3px; /* line up left border with title */
  162.     margin-right: 3px; /* match left */
  163.     margin-bottom: 1px; /* top margin is large, give back space at the bottom */
  164.     padding: 6px 4px 4px 4px; /* extra padding at the top for the title */
  165. }
  166.  
  167. QGroupBox::title {
  168.     subcontrol-origin: margin;
  169.     subcontrol-position: top left;
  170.     padding: 0; /* place as far left as we can */
  171.     margin: 0;
  172. }
  173.  
  174. QHeaderView,
  175. QHeaderView::section {
  176.     background-color: rgba(0, 0, 0, 30);
  177. }
  178.  
  179. QHeaderView::section {
  180.     padding: 2px;
  181.     border: none;
  182.     border-right: 1px solid rgba(0,0,0,90);
  183. }
  184.  
  185. QAbstractItemView {
  186.     border: 1px solid rgba(0,0,0,90);
  187. }
  188.  
  189. QToolTip {
  190.     color: BACKGROUND_COLOR;
  191.     background-color: FOREGROUND_COLOR;
  192.     opacity: 223;
  193.     border: 1px solid rgba(0,0,0,90);
  194. }
  195.  
  196. QComboBox {
  197.     padding-left: 4px;  /* fixes 0px padding on Breeze */
  198. }
  199.  
  200. QTextEdit,
  201. QLineEdit,
  202. QDoubleSpinBox,
  203. QSpinBox {
  204.     padding-left: 2px; /* match QComboBox; for some reason actual padding is 2px more */
  205. }
  206.  
  207. QComboBox QListView::item {
  208.     padding: 2px;
  209. }
  210.  
  211. QComboBox QListView::item:hover {
  212.     color: none;
  213.     background-color: none;
  214. }
  215.  
  216. QComboBox::drop-down {
  217.     image: nomacsColorize(:/nomacs/img/down.svg);
  218.     subcontrol-position: right center;
  219.     border: none;
  220.     background-color: none;
  221.     width:  1.0em;  /* == spinbox arrow */
  222.     height: 0.5em;
  223. }
  224.  
  225. QTextEdit,
  226. QLineEdit,
  227. QDoubleSpinBox,
  228. QSpinBox,
  229. QComboBox {
  230.     background-color: nomacsBlend(BACKGROUND_COLOR,255,255,255,10);
  231.     border: 1px solid rgba(0,0,0,90);
  232. }
  233.  
  234. QTextEdit:disabled,
  235. QLineEdit:disabled,
  236. QDoubleSpinBox:disabled,
  237. QSpinBox:disabled,
  238. QComboBox:disabled {
  239.     color: rgba(255,255,255,40);
  240.     background-color: rgba(255,255,255,60);
  241.     border: 1px solid rgba(0,0,0,90);
  242. }
  243.  
  244. /* nomacs-if-qt-gte-6,5,0 */
  245. QLineEdit,
  246. QTextEdit,
  247. QComboBox {
  248.     placeholder-text-color: rgba(255,255,255,80);
  249. }
  250. /* nomacs-endif */
  251.  
  252. QSpinBox::up-button,
  253. QSpinBox::down-button,
  254. QDoubleSpinBox::up-button,
  255. QDoubleSpinBox::down-button {
  256.     background-color: rgba(255,255,255,30);
  257.     width:1.0em; /* height defaults to 1/2 */
  258. }
  259.  
  260. QSpinBox::up-button:pressed,
  261. QSpinBox::down-button:pressed,
  262. QDoubleSpinBox::up-button:pressed,
  263. QDoubleSpinBox::down-button:pressed {
  264.     background-color: rgba(255,255,255,80);
  265. }
  266.  
  267. QSpinBox::up-arrow,
  268. QDoubleSpinBox::up-arrow {
  269.     image: nomacsColorize(:/nomacs/img/up.svg);
  270.     width:1.0em;
  271.     height:0.5em;
  272. }
  273.  
  274. QSpinBox::down-arrow,
  275. QDoubleSpinBox::down-arrow {
  276.     image: nomacsColorize(:/nomacs/img/down.svg);
  277.     width:1.0em;
  278.     height:0.5em;
  279. }
  280.  
  281. QSpinBox::up-arrow:disabled,
  282. QSpinBox::up-arrow:off,
  283. QDoubleSpinBox::up-arrow:disabled,
  284. QDoubleSpinBox::up-arrow:off {
  285.     image: nomacsColorize(:/nomacs/img/up.svg,nomacsBlend(BACKGROUND_COLOR,255,255,255,100));
  286. }
  287.  
  288. QSpinBox::down-arrow:disabled,
  289. QSpinBox::down-arrow:off,
  290. QDoubleSpinBox::down-arrow:disabled,
  291. QDoubleSpinBox::down-arrow:off {
  292.     image: nomacsColorize(:/nomacs/img/down.svg,nomacsBlend(BACKGROUND_COLOR,255,255,255,100));
  293. }
  294.  
  295. QToolBar {
  296.     border-bottom: 1px solid rgba(0,0,0,90);
  297.     padding: 4px;
  298.     spacing: 4px;
  299. }
  300.  
  301. QToolBar::handle {
  302.     background-color: rgba(255,255,255,40);
  303. }
  304.  
  305. QToolBar::separator {
  306.     width:0px;
  307. }
  308.  
  309. QTabBar::close-button {
  310.     image: nomacsColorize(:/nomacs/img/close.svg);
  311. }
  312.  
  313. QTabBar::close-button:hover {
  314.     image: nomacsColorize(:/nomacs/img/close-hover.svg);
  315. }
  316.  
  317. QTabBar::tab {
  318.     color: FOREGROUND_COLOR;
  319.     background-color: nomacsBlend(BACKGROUND_COLOR,255,255,255,40);
  320.     padding: 1px 2px; /* same as button */
  321.     border-bottom: 1px solid rgba(255,255,255,80);
  322.     border-left: 1px solid rgba(0,0,0,90);
  323. }
  324.  
  325. QTabBar::tab::selected {
  326.     background-color: BACKGROUND_COLOR; /* seamless with content bg */
  327.     border: none;
  328.     border-top: 1px solid rgba(255,255,255,80);
  329.     border-left: 1px solid rgba(255,255,255,80);
  330.     border-right: 1px solid rgba(255,255,255,40);
  331. }
  332.  
  333. QTabBar QToolButton {
  334.     background-color: BACKGROUND_COLOR;
  335. }
  336. /* note: we have to blend the color because the button overlaps tabs,
  337.          which would show through otherwise */
  338. QTabBar QToolButton:hover:!pressed {
  339.     background-color: nomacsBlend(BACKGROUND_COLOR,255,255,255,40);
  340. }
  341.  
  342. QTabBar QToolButton:pressed {
  343.     background-color: nomacsBlend(BACKGROUND_COLOR,255,255,255,80);
  344. }
  345.  
  346. QTabBar QToolButton:disabled {
  347.     color: nomacsBlend(BACKGROUND_COLOR,255,255,255,100);
  348. }
  349.  
  350. /*
  351. QTabBar QToolButton#ScrollLeftButton {
  352.     background-color: BACKGROUND_COLOR;
  353. }
  354. QTabBar QToolButton#ScrollRightButton {
  355.     background-color: BACKGROUND_COLOR;
  356. }*/
  357.  
  358. nmc--DkThumbsView {
  359.     background-color: rgba(255,255,255,40);
  360. }
  361.  
  362. nmc--DkBatchWidget,
  363. nmc--DkPreferenceWidget,
  364. nmc--DkResizableScrollArea, /* prefs, batch */
  365. nmc--DkResizableScrollArea > QWidget > QWidget, /* prefs, batch */
  366. QGraphicsView#DkBaseViewPortDefaultColor, /* image viewer background */
  367. QWidget#DkPreferenceContent,
  368. QDockWidget,
  369. QDockWidget > QWidget,         /* qt internal content widget; but not enough */
  370. QDockWidget > QWidget QFrame,  /* not ideal, but scroll area selector doesn't work */
  371. QMainWindow,
  372. QDialog,
  373. QToolBar,
  374. QMenu,
  375. QMenuBar,
  376. QTabBar,
  377. QTabWidget,
  378. QAbstractItemView {
  379.     background-color: BACKGROUND_COLOR;
  380. }
  381.  
  382. QDockWidget::title {
  383.     background-color: rgba(255,255,255,40);
  384. }
  385.  
  386. /* frameless fixups we don't want in normal mode */
  387. nmc--DkNoMacsFrameless nmc--DkBatchWidget:separator,
  388. nmc--DkNoMacsFrameless::separator,
  389. nmc--DkNoMacsFrameless QDockWidget::title {
  390.     background-color: BACKGROUND_COLOR;
  391. }
  392.  
  393. QAbstractItemView {
  394.     alternate-background-color: rgba(255,255,255,10);
  395.     show-decoration-selected: 1;
  396. }
  397.  
  398. QAbstractItemView::item,
  399. QAbstractItemView::item:alternate {
  400.     background-color: none; /* use row color */
  401.     alternate-background-color: transparent; /* "none" doesn't work on Qt6/Windows */
  402. }
  403.  
  404. /* neutral colors for menus, hovers, toggles */
  405. QPushButton:hover:!pressed,
  406. QToolButton:hover:!pressed,
  407. QMenu::icon:checked,
  408. QMenuBar::item:selected,
  409. QMenu::item:selected,
  410. QMenu::item:selected:checked,
  411. QAbstractItemView::item:hover {
  412.     color: FOREGROUND_COLOR;
  413.     background-color: rgba(255,255,255,40);
  414. }
  415.  
  416. /* KDE: buttons could be dark or light depending on system theme, so put them on gray */
  417. /* NOTE: this is resolved by QStyleHints::setColorScheme() in 6.8.0 in at least KDE 6.2.4 */
  418. /* nomacs-if-qt-lt-6,8,0 */
  419. KFileWidget QToolBar {
  420.   background-color: rgba(255,255,255,128);
  421. }
  422. /* nomacs-endif */
  423.  
  424. /* KDE: text color cannot be set in hover state for some reason, so disable hover state */
  425. KDirOperatorDetailView::item:hover {
  426.   color: FOREGROUND_COLOR;
  427.   background-color: none;
  428. }
  429.  
  430. QToolButton:checked,
  431. QToolButton:pressed {
  432.     background-color: rgba(255,255,255,80);
  433. }
  434.  
  435. /* neutral colors for static selections */
  436. QDockWidget QAbstractItemView {
  437.     selection-color: FOREGROUND_COLOR;
  438.     selection-background-color: rgba(255,255,255,40);
  439. }
  440.  
  441. /* highlight focused widgets */
  442. QComboBox:selected {
  443.     border: 1px solid HIGHLIGHT_COLOR;
  444. }
  445.  
  446. QMenu {
  447.     /* would like menu bg to be different but that isn't possible w/blending */
  448.     border: solid rgba(255,255,255,30);
  449.     border-width: 1px 1px 1px 1px;
  450. }
  451.  
  452. QMenu::item:checked {
  453.     color: FOREGROUND_COLOR;
  454. }
  455.  
  456. QMenu::item:checked:disabled {
  457.     color: rgba(255,255,255,100);
  458. }
  459.  
  460. QMenu::separator {
  461.     border-top: 1px solid rgba(0,0,0,90);
  462. }
  463.  
  464. /* QMenu styling breaks padding, the fix is different on 5/6 */
  465.  
  466. /* nomacs-if-qt-gte-6,0,0 */
  467.     QMenu::icon {
  468.         right:-5px;
  469.     }
  470. /* nomacs-else */
  471.     QMenu::item {
  472.         padding: 4px 10px 4px 14px;
  473.     }
  474.     QMenu::icon {
  475.         right:-10px;
  476.     }
  477. /* nomacs-endif */
  478.  
  479. /* scrollbars */
  480. QScrollBar:vertical { background-color: rgba(255,255,255,0); width: 11px; margin: 0 0 0 0;}
  481. QScrollBar::handle:vertical { background-color: rgba(255,255,255,60); min-height: 0px;}
  482. QScrollBar::add-line:vertical { height: 0px; }
  483. QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background-color: rgba(255,255,255,0); width: 1px;}
  484. QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { height: 0; }
  485.  
  486. QScrollBar:horizontal {background-color: rgba(255,255,255,0); height: 11px; margin: 0 0 0 0;}
  487. QScrollBar::handle:horizontal {background-color: rgba(255,255,255,60); min-width: 0px;}
  488. QScrollBar::add-line:horizontal {width: 0px;}
  489. QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {background-color: rgba(255,255,255,0); height: 1px;}
  490. QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {width: 0;}
  491.  
  492. nmc--DkFolderScrollBar:handle {
  493.     background-color: rgba(255,255,255,128);
  494. }
  495.  
  496. QDockWidget,
  497. QLabel#batchContentTitle,
  498. QLabel#batchContentInfo,
  499. QLabel#statusBarLabel,
  500. QPushButton#infoButton,
  501. QListView#resultListView[empty="true"] {
  502.     color: FOREGROUND_COLOR;
  503. }
  504.  
  505. QListWidget#historyList::item:disabled {
  506.     color: rgba(255,255,255,100);
  507. }
  508.  
  509. QLabel#subTitle,
  510. nmc--DkGroupWidget QCheckBox,
  511. nmc--DkGroupWidget QRadioButton,
  512. nmc--DkGroupWidget QLineEdit,
  513. nmc--DkGroupWidget QLabel {
  514.     color: FOREGROUND_COLOR;
  515. }
  516.  
  517. nmc--DkProfileSummaryWidget {
  518.     background-color: rgba(255,255,255,40);
  519. }
  520.  
  521. /* recent files */
  522. nmc--DkRecentFilesWidget QScrollArea > QWidget > QWidget {
  523.     border: none;
  524.     background-color: BACKGROUND_COLOR;
  525. }
  526.  
  527. nmc--DkRecentDirWidget {
  528.     background-color: rgba(0, 0, 0, 60);
  529.     border: 1px solid rgba(0, 0, 0, 80);
  530. }
  531.  
  532. nmc--DkRecentDirWidget:hover {
  533.     background-color: rgba(0, 0, 0, 100);
  534.     border: 1px solid rgba(0, 0, 0, 120);
  535. }
  536.  
  537. nmc--DkRecentDirWidget QToolButton {
  538.     selection-background-color: none;
  539. }
  540.  
  541. nmc--DkRecentDirWidget QLabel {
  542.     color: FOREGROUND_COLOR;
  543. }
  544.  
  545. nmc--DkThumbPreviewLabel[empty="true"] {
  546.     background-color: BACKGROUND_COLOR;
  547. }
  548.  
  549. QLabel#DkSplashInfoLabel {
  550.     color: #000;
  551. }
  552.  
  553. /* make prefs restart button more obvious */
  554. QPushButton#infoButton {
  555.     color: FOREGROUND_COLOR;
  556.     background-color: rgba(255,255,255,40); /* == default button */
  557. }
  558.  
  559. #DkEditDock QFrame {
  560.     background-color: none; /* undo QDockWidget bg hack */
  561. }
  562.  
  563. #DkEditDock #DkPreferenceTabs {
  564.     background-color: BACKGROUND_COLOR;
  565. }
  566.  
  567. #DkEditDock #DkPreferenceTabs > QWidget {
  568.     background-color: rgba(0,0,0,50);
  569. }
  570.  
  571. #DkEditDock #darkManipulator QWidget {
  572.     background-color: transparent;
  573. }
  574.  
  575. #DkEditDock #darkManipulator QCheckBox::indicator {
  576.     background-color: rgba(255,255,255,40);
  577.     width: 0.8em;
  578.     height: 0.8em;
  579. }
  580.  
  581. #DkEditDock #darkManipulator QCheckBox::indicator:checked {
  582.     image: nomacsColorize(:/nomacs/img/check.svg,white);
  583. }
  584.  
  585. #DkEditDock #darkManipulator QComboBox QAbstractItemView {
  586.     background-color: BACKGROUND_COLOR;
  587. }
  588.  
  589. #DkEditDock #darkManipulator QComboBox QAbstractItemView::item {
  590.     background-color: transparent;
  591.     selection-color: FOREGROUND_COLOR;
  592.     selection-background-color: rgba(255,255,255,40);
  593. }
  594.  
  595.  
  596. /* meta data selection */
  597. nmc--DkMetaDataSelection > QScrollArea {
  598.     background-color: BACKGROUND_COLOR;
  599. }
  600. nmc--DkMetaDataSelection > QScrollArea > QWidget > QWidget {
  601.     background-color: rgba(255,255,255,40);
  602. }
  603.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!