1/*Dark Arch Colors Theme by stefonarch (standreas@riseup.net)*/ 2 3/*Panel */ 4LXQtPanel #BackgroundWidget{ 5 background:#041b27; 6} 7 8/* tooltips */ 9QToolTip { 10 color: #fcf7f7; 11 background: #041b27; 12 padding: 2px; 13 margin: 1px; 14 border-radius: 2px; 15} 16 17/* 18General plugins settings 19*/ 20Plugin, 21LXQtPanelPlugin { 22 padding: 0; 23 spacing: 20px; 24 qproperty-moveMarkerColor: #1899da; 25} 26 27Plugin > QWidget, 28Plugin > QWidget > QWidget { 29/* color: #cbc4c4;*/ 30} 31 32Plugin > QToolButton, 33Plugin > QWidget > QToolButton,/*colors affect also statusnotifierbuttons but not trayicons*/ 34Plugin > QWidget > QToolButton > QWidget > QToolButton, 35LXQtPanelPlugin > QToolButton { 36 margin: 2px; 37 qproperty-iconSize: 24px; 38 color: #fcf7f7; 39 border:1px solid transparent; 40 border-radius: 2px; 41} 42 43Plugin > QToolButton:hover, 44Plugin > QWidget > QToolButton:hover, 45LXQtPanelPlugin > QToolButton:hover { 46 color: #0a0a2b; 47} 48 49Plugin > QToolButton:pressed, 50Plugin > QWidget > QToolButton:pressed, 51LXQtPanelPlugin > QToolButton:pressed { 52 padding-top: 2px; 53} 54 55Plugin > QToolButton:on, 56Plugin > QWidget > QToolButton:on, 57LXQtPanelPlugin > QToolButton:on { 58 border-bottom: 2px solid #7a8383; 59 color: #53bcec; 60 background: #041b27; 61} 62 63/* 64Menus 65*/ 66QMenu { 67 background: #003d5b; 68 border-radius:3px; 69} 70 71QMenu QToolButton { 72 background-color: #003a55; 73 padding: 5px; 74 border: none; 75 color: #53bcec; 76 font: bold italic; 77} 78 79QMenu::item { 80 color: #d7e3e6; 81 background: #041b27; 82 padding: 5px 35px 5px 30px; 83} 84 85QMenu::icon { 86 background-color: transparent; 87 border: 1px solid transparent; 88 margin-left: 13px; 89} 90 91QMenu::item:selected { 92 background: #1899da; 93 color: #d7e3e6; 94} 95 96QMenu::item:disabled { 97 color: #5b6d73; 98} 99 100QMenu::right-arrow { 101 image: url(arrow-right.svg); 102} 103 104QMenu::separator { 105 height: 1px; 106 background: #1899da; 107 margin: 0; 108} 109 110QMenu::indicator:non-exclusive:unchecked { 111 image: url(unchecked.svg); 112 padding-left: 8px; 113} 114 115QMenu::indicator:non-exclusive:checked { 116 image: url(checked.svg); 117 padding-left: 8px; 118} 119 120/* 121Mainmenu 122*/ 123#MainMenu { 124 qproperty-icon: url(mainmenu.svg); 125 background: #162635; 126 margin: 0px; 127 padding: 3px; 128 color: #e7eff1; 129} 130 131#MainMenu:hover { 132 color: #d7e3e6; 133} 134 135/* 136Mainmenu search field & results 137*/ 138#MainMenu QLineEdit { 139 color: #323232; 140 background: #f3f8f9; 141 border: 1px solid #d7e3e6; 142} 143 144#MainMenu ActionView { 145 margin-right: 1px; 146 margin-top: 1px; 147 background-color: #cae0e8; 148 border-radius:2px; 149 border: 1px solid #6a6a6a; 150} 151 152#MainMenu ActionView::item { 153 background: #041b27; 154 color:#d7e3e6; 155 padding: 5px 30px 5px 3px 156} 157 158#MainMenu ActionView::item:hover { 159 background: #003d5b; 160 color: #d7e3e6; 161} 162 163#MainMenu ActionView::item:pressed { 164 text-decoration:none; 165} 166 167#MainMenu ActionView::item:selected { 168 background: #1899da; 169 color: white 170} 171 172/* 173TaskBar 174*/ 175#TaskBar QToolButton { 176 background: #162635; 177} 178 179#TaskBar QToolButton:hover { 180 background: #1899da; 181 color: black; 182} 183 184#TaskBar QToolButton[urgent="true"] { 185 color: #fff047; 186 border-bottom: 3px solid #fff047; 187} 188 189#TaskBar LXQtGroupPopup { 190 background: #1e2427; 191} 192 193#TaskBar LXQtGroupPopup > QToolButton{ 194 color: #e7eff1; 195} 196 197/* 198Tray Plugin 199*/ 200#Tray { 201 min-width: 6px; 202} 203 204TrayIcon { 205 background: none; 206} 207 208/* 209statusnotifier 210*/ 211StatusNotifierButton { 212 background: none; 213} 214#StatusNotifier QToolButton:hover { 215 color: #13d4ff; 216} 217 218/* 219Volume plugin 220*/ 221#VolumePlugin QToolButton{ 222 margin: 2px; 223 padding: 2px; 224 background: #162635; 225} 226 227#VolumePlugin QToolButton:hover { 228 background: #1899da; 229 border-radius: 2px; 230} 231 232VolumePopup { 233 background-color:#041b27; 234 margin: 2px; 235 padding: 2px; 236 border-radius: 2px; 237} 238 239VolumePopup > QPushButton { 240 color: #142e35; 241 background: #1899da ; 242 padding: 2px 10px; 243 margin: 5px; 244 border: 1px solid black; 245 qproperty-iconSize: 20px; 246 border-radius: 2px; 247} 248 249VolumePopup > QPushButton:hover { 250 background: #1aa9f0; 251} 252 253VolumePopup > QSlider::groove:vertical { 254 background-color: #f3f3f3; 255 width: 8px; 256 border-radius: 3px; 257} 258 259VolumePopup > QSlider::handle:vertical { 260 height: 8px; 261 background: #1899da; 262 border-radius: 2px; 263 margin: 0 -4px; /* expand outside the groove */ 264 265} 266 267VolumePopup > QSlider::sub-page:vertical { 268 background: rgba(0, 0, 0, 80%); 269 border-radius: 3px; 270} 271 272/* 273WorldClock 274*/ 275#WorldClock{ 276 margin: 0px; 277 padding: 0px; 278 background-color: #162635; 279} 280 281#WorldClock QLabel{ 282 padding: 2px; 283 margin: 0px; 284 color: #e7eff1; 285 qproperty-alignment: alignCenter; 286 background-color: #162635; 287} 288 289/* 290Calendar Widget 291*/ 292QCalendarWidget QAbstractItemView:enabled /* date of actual month */{ 293 color: #d7e3e6; 294 selection-background-color: #1899da; 295 selection-color: #f8f8f8; 296 border: 1px solid #658b94; 297 padding-bottom: 5px; 298} 299 300QCalendarWidget QAbstractItemView:disabled /* date previous/next month */ { 301 color: #6f6969; 302} 303 304QCalendarWidget QWidget { 305 alternate-background-color: #0f1924;/* week and day frame */ 306 background: #162635; 307} 308 309QCalendarWidget #qt_calendar_navigationbar { 310 background: #0a121a; 311 padding: 2px; 312} 313 314/* year and month */ 315QCalendarWidget QToolButton { 316 color:#d7e3e6; 317 padding:2px; 318 margin: 2px; 319 border-radius:1px; 320} 321 322QCalendarWidget QToolButton:hover { 323 border: 1px solid #2a3539; 324} 325/* oppress hook icon */ 326QCalendarWidget QToolButton::menu-indicator { 327 image: none; 328} 329 330QCalendarWidget #qt_calendar_nextmonth { 331 qproperty-icon: url(calendar-popup/right-arrow.svg); 332 qproperty-iconSize: 18px; 333 background: #0a121a; 334} 335 336QCalendarWidget #qt_calendar_prevmonth { 337 qproperty-icon: url(calendar-popup/left-arrow.svg); 338 qproperty-iconSize: 18px; 339 background: #0a121a; 340} 341 342QCalendarWidget QSpinBox { 343 color: #d7e3e6; 344 background-color: #0a121a; 345} 346 347/* 348KbIndicator 349*/ 350#KbIndicator QLabel { 351 padding: 2px; 352 border: 0px; 353 margin:2px; 354} 355 356#KbIndicator QLabel:disabled { 357 color: #e7eff1; 358} 359 360#KbIndicator QLabel:enabled { 361 border-radius: 1px; 362 color:#1b2b39; 363 background: #1899da; 364} 365 366#KbIndicator QToolButton:hover { 367 color: white; 368} 369 370/* 371DesktopSwitch 372*/ 373#DesktopSwitch QToolButton { 374 margin: 1px; 375 padding: 1px; 376 color: #e4f4f9; 377 background:#162635; 378} 379 380#DesktopSwitch QToolButton:hover{ 381 background: #1899da; 382 383} 384 385#DesktopSwitch QToolButton:on { 386 color:#53bcec; 387} 388 389#DesktopSwitch QToolButton:on:hover { 390 color:black; 391} 392 393#DesktopSwitch QToolButton[urgent="true"] { 394 color: #fff047; 395 border-bottom: 3px solid #fff047; 396} 397 398/* 399Quicklaunch 400*/ 401#QuickLaunchPlaceHolder { 402 color: #e7f4f8; 403 font-size:10px; 404} 405 406#QuickLaunch QToolButton:hover { 407 background: #1899da; 408} 409 410/* 411Mount plugin 412*/ 413 414#LXQtMountPlugin QToolButton{ 415 border: 0px; 416 margin: 1px; 417 padding: 2px; 418} 419 420#LXQtMountPlugin QToolButton:hover { 421 background: #1899da; 422} 423 424/*not working 425#LXQtMountPopup { 426 background-color:#99bac6; 427 padding: 4px; 428} 429#LXQtMountPopup > MenuDiskItem { 430 border-radius: 0px; 431} 432#LXQtMountPopup > MenuDiskItem:hover { 433 background:black; 434}*/ 435 436#LXQtMountPopup #EjectButton, 437#LXQtMountPopup #DiskButton { 438 qproperty-iconSize: 22px; 439 background-color:#041b27; 440 color:#1899da; 441 border: 1px solid transparent; 442 border-radius:1px; 443 padding: 4px; 444 border: 1px solid #445256; 445} 446 447#LXQtMountPopup #EjectButton:hover, 448#LXQtMountPopup #DiskButton:hover { 449 background-color: #1899da; 450 color: white; 451} 452 453#LXQtMountPopup #NoDiskLabel { 454 color: #f3f8f9; 455 padding: 4px; 456 background: #041b27; 457} 458 459/* 460Color Picker 461*/ 462#ColorPickerPlugin QToolButton{ 463 qproperty-icon: url(color-picker.svg); 464 padding: 1px; 465} 466 467#ColorPickerPlugin QToolButton:hover { 468 border-radius: 2px; 469 border:1px solid #1899da; 470 background:black; 471} 472 473#ColorPickerPlugin QLineEdit { 474 border: 1px solid #1899da; 475 margin: 2px; 476 padding: 1px; 477 background: rgba(0, 0, 0, 10%); 478 color: #e3e3e3; 479} 480 481/* 482Spacer 483 */ 484#Spacer { 485 background-position: center center; 486} 487 488#Spacer[type="lined"] { 489 background-image: url(/spacer-plugin/spacer-line.svg); 490} 491 492#Spacer[type="dotted"] { 493 background-image: url(/spacer-plugin/spacer-dots.svg); 494} 495 496#Spacer[orientation="horizontal"] { 497 background-repeat: repeat-y; 498 margin-top: 2px; 499 margin-bottom: 2px; 500} 501 502#Spacer[orientation="vertical"] { 503 background-repeat: repeat-x; 504 margin-right: 2px; 505 margin-left: 2px; 506} 507 508/* 509Backlight Plugin 510*/ 511#Backlight > SliderDialog > QToolButton{ 512 margin: 2px; 513 padding: 2px; 514 background:#1899da; 515 border-radius: 2px; 516} 517 518#Backlight > SliderDialog > QToolButton:hover { 519 background: #1cb3ff; 520} 521 522#Backlight > SliderDialog { 523 background: #041b27; 524} 525 526#Backlight > SliderDialog > QSlider { 527 min-width: 16px; 528 max-width: 16px; 529} 530 531#Backlight > SliderDialog > QSlider::groove:vertical { 532 background-color: #f3f3f3; 533 width: 4px; /* thin groove */ 534} 535 536#Backlight > SliderDialog > QSlider::handle:vertical { 537 height: 8px; 538 background: #1899da; 539 border-radius: 2px; 540 margin: 0 -4px; /* expand outside the groove */ 541} 542#Backlight > SliderDialog > QSlider::add-page:vertical { 543 544} 545#Backlight > SliderDialog > QSlider::sub-page:vertical { 546 background: rgba(0, 0, 0, 80%); 547 border-radius: 3px; 548} 549 550/* 551Cpu Load Plugin 552*/ 553#LXQtCpuLoad { 554 qproperty-fontColor: white; 555} 556