Project

General

Profile

darktable.css

Paolo Astengo, 09/24/2018 01:00 PM

Download (12 KB)

 
1
@define-color bg_color #212121;
2
@define-color plugin_bg_color #252525;
3
@define-color fg_color #cacaca;
4
@define-color base_color #ffffff;
5
@define-color text_color #3C3C3C;
6
@define-color selected_bg_color #353535;
7
@define-color selected_fg_color #e2e2e2;
8
@define-color tooltip_bg_color #000000;
9
@define-color tooltip_fg_color #ffffff;
10
@define-color really_dark_bg_color #111;
11
@define-color darkroom_bg_color #333333;
12
@define-color darkroom_preview_bg_color shade(@darkroom_bg_color, .5);
13
@define-color lighttable_bg_color @darkroom_bg_color;
14
@define-color lighttable_preview_bg_color shade(@lighttable_bg_color, .5);
15
@define-color brush_cursor alpha(white, .5);
16
@define-color brush_trace alpha(black, .4);
17

    
18
@define-color bauhaus_fg #999;
19
@define-color bauhaus_border #191919;
20
@define-color bauhaus_bg alpha(@bauhaus_border, 0.2);
21
@define-color bauhaus_fg_insensitive alpha(@bauhaus_fg, 0.2);
22

    
23
* {
24
  font: 8pt Sans;
25
  color: @fg_color;
26
  background-color: @bg_color;
27
  border-color: #111111;
28
  text-shadow:none;
29
/*  margin: 0; */ /* this makes scroll bars super wide. */
30
  padding: 0;
31
  background-image: none;
32
}
33

    
34
alignment
35
{
36
  background-color:transparent;
37
}
38

    
39
#main_window *:disabled {
40
  color: black;
41
}
42

    
43
#iop-plugin-ui box,
44
#lib-plugin-ui box
45
{
46
  background-color:transparent;
47
  margin:0;
48
  border:0;
49
  padding:0;
50
}
51
#iop-plugin-ui eventbox,
52
#lib-plugin-ui eventbox
53
{
54
  background-color:transparent;
55
  margin:0;
56
  border:0;
57
  padding:0;
58
}
59
#iop-plugin-ui stack
60
{
61
  background-color:transparent;
62
  margin:0;
63
  border:0;
64
  padding:0;
65
}
66
combobox *,
67
#lib-plugin-ui treeview,
68
#lib-plugin-ui combobox *,
69
#lib-plugin-ui combobox togglebutton *
70
{
71
  background-color: transparent;
72
}
73
combobox *:hover,
74
#lib-plugin-ui combobox *:hover
75
{
76
  background-color: transparent;
77
}
78

    
79
/* bright background */
80
#background_job_eventbox,
81
#iop-plugin-ui combobox *
82
{
83
  padding:0;
84
  border:0;
85
  margin:0;
86
  background-color: @plugin_bg_color;
87
  outline-style:none;
88
}
89
#lib-plugin-ui *,
90
#iop-plugin-ui *
91
{
92
  padding:0;
93
  border:0;
94
  margin:0;
95
  background-color: transparent;
96
  color: @fg_color;
97
  outline-style:none;
98
}
99
/* buttons in plugins */
100
#lib-plugin-ui * button,
101
button
102
{
103
  border-radius: 0;
104
  border-style: none;
105
  box-shadow:none;
106
  outline-width:0;
107
  border-image:none;
108
  padding:1pt;
109
  margin:0;
110
  border:0;
111
  background-color: shade(@selected_bg_color, 1.2);
112
  background-image: none;
113
  min-height: 5pt;
114
  min-width: 5pt;
115
}
116

    
117
#iop-plugin-ui * button
118
{
119
  padding:1pt;
120
  background-color: transparent;
121
}
122
#lib-plugin-ui * button:hover,
123
#iop-plugin-ui * button:hover,
124
button:hover
125
{
126
  background-color: shade(@selected_bg_color, 1.7);
127
}
128
#lib-plugin-ui * button:checked,
129
#iop-plugin-ui * button:checked,
130
button:checked
131
{
132
  background-color: shade(@selected_bg_color, 3.0);
133
}
134

    
135
#lib-plugin-ui checkbutton *,
136
#iop-plugin-ui checkbutton *
137
{
138
  margin-right:4pt;
139
}
140

    
141
/* frame around plugin boxes */
142
#iop-plugin-ui
143
{
144
  border: 1pt solid #171717;
145
  border-radius: 1.5pt;
146
  box-shadow: inset 0 0 1pt #171717;
147
  margin: 0pt;
148
  padding: 1pt 4pt 1pt 4pt;
149
  background-color: @plugin_bg_color;
150
}
151
#iop-plugin-ui:selected,
152
#lib-plugin-ui
153
{
154
  border: 1pt solid #111111;
155
  box-shadow: inset 0 0 1pt #141414;
156
  border-radius: 1.5pt;
157
  margin: 0pt;
158
  padding: 1pt 4pt 1pt 4pt;
159
  color: @selected_fg_color;
160
  background-color: @selected_bg_color;
161
}
162
table
163
{
164
  background-color: transparent;
165
  margin:0;
166
  border:0;
167
  padding:0;
168
}
169

    
170
#header_label,#darktable_label,#view_label,#view_dropdown *
171
{
172
  color: shade(@fg_color, 0.7);
173
  background-color: @bg_color;
174
  font-size: 15pt;
175
  margin:0;
176
  border:0;
177
  padding:0;
178
}
179

    
180
#view_dropdown *
181
{
182
  color: shade(@fg_color, 0.7);
183
  margin: 0;
184
  padding: 0;
185
}
186

    
187
#view_dropdown *:disabled
188
{
189
  color: shade(@fg_color, 0.5);
190
}
191

    
192
#view_dropdown *:selected,
193
#view_label:selected {
194
  color: shade(@fg_color, 0.9);
195
}
196

    
197
#view_dropdown menuitem:hover *
198
{
199
  color: @fg_color;
200
}
201

    
202
#panel_label
203
{
204
  color: @fg_color;
205
  background-color: @bg_color;
206
  margin:0;
207
  border:0;
208
  padding:0;
209
}
210

    
211
#section_label
212
{
213
  padding-right: 0.5em;
214
  border-bottom: 1pt solid @fg_color;
215
}
216

    
217
#lib-modulelist *
218
{
219
  background-color: transparent;
220
}
221

    
222
popover {
223
  opacity: 0.9;
224
  border: 0;
225
  border-radius: 0;
226
  box-shadow: 0 0 0 2pt #111111;
227
  background-color: @selected_bg_color;
228
  padding: 1pt;
229
}
230

    
231
frame {
232
  border: 1pt solid #111111;
233
  background-color: @selected_bg_color;
234
  color: @selected_fg_color;
235
}
236

    
237
popover *,
238
frame * {
239
  background-color: transparent;
240
  color: @selected_fg_color;
241
}
242

    
243
/* weird fix for black event boxes in light table lib modules: */
244
#lib-plugin-ui eventbox
245
{
246
  background-color:@selected_bg_color;
247
}
248
#lib-plugin-ui cell
249
{
250
  background-color:shade(@selected_bg_color, 0.8);
251
}
252
#lib-plugin-ui row,
253
#iop-plugin-ui row
254
{
255
  background-color:@selected_bg_color;
256
}
257
#lib-plugin-ui row:selected,
258
#iop-plugin-ui row:selected
259
{
260
  background-color:@bg_color;
261
}
262

    
263
/* due to css rubbish, we need to be more specific than anything else,
264
 * so we give the name of the parent widget: */
265
#iop-plugin-ui notebook tab,
266
#lib-plugin-ui notebook tab {
267
  min-height: 1pt;
268
  min-width: 1pt;
269
}
270

    
271
#iop-plugin-ui notebook,
272
#lib-plugin-ui notebook,
273
#iop-plugin-ui notebook tab *,
274
#lib-plugin-ui notebook tab * {
275
  border:0pt;
276
  border-radius:0;
277
  border-style:none;
278
  box-shadow:none;
279
  background-image:none;
280
  outline-style:none;
281
  outline-width:0;
282
  border-image:none;
283
  background-color: transparent;
284
}
285
#iop-plugin-ui notebook tab *,
286
#lib-plugin-ui notebook tab * {
287
  padding:3pt;
288
}
289
#iop-plugin-ui notebook tab *:hover,
290
#lib-plugin-ui notebook tab *:hover
291
{
292
  background-color:  shade(@selected_bg_color, 1.7);
293
}
294

    
295
#iop-plugin-ui notebook tab:checked *,
296
#lib-plugin-ui notebook tab:checked * {
297
  background-color: shade(@selected_bg_color, 1.3);
298
}
299

    
300
#iop-plugin-ui entry,
301
#lib-plugin-ui entry,
302
entry {
303
  border-radius: 0;
304
  border:0;
305
  padding-left: 2px; /* align with bauhaus widgets */
306
  border-style: none;
307
  border-color: alpha(@fg_color, 0.5);
308
  border-image:none;
309
  color:@fg_color;
310
  box-shadow: none;
311
  background-image:none;
312
  outline-style:none;
313
  text-shadow:none;
314
  background-color:shade(@selected_bg_color, 0.8);
315
  min-height: 0;
316
  min-width: 0;
317
}
318
#iop-plugin-ui entry selection,
319
#lib-plugin-ui entry selection,
320
entry selection {
321
  background-color:shade(@selected_bg_color, 1.7);
322
  min-height: 0;
323
  min-width: 0;
324
}
325
/* weird fix for black event boxes in light table lib modules: */
326
#lib-plugin-ui eventbox
327
{
328
  background-color:@selected_bg_color;
329
}
330
#lib-plugin-ui cell
331
{
332
  background-color:shade(@selected_bg_color, 0.8);
333
}
334
#lib-plugin-ui row
335
{
336
  background-color:@selected_bg_color;
337
}
338
#lib-plugin-ui row:selected,
339
#iop-plugin-ui row:selected
340
{
341
  background-color:@bg_color;
342
}
343

    
344
/* due to css rubbish, we need to be more specific than anything else,
345
 * so we give the name of the parent widget: */
346
#iop-plugin-ui notebook,
347
#lib-plugin-ui notebook,
348
#iop-plugin-ui notebook tab *,
349
#lib-plugin-ui notebook tab * {
350
  border:0;
351
  border-radius:0;
352
  border-style:none;
353
  box-shadow:none;
354
  background-image:none;
355
  outline-style:none;
356
  outline-width:0;
357
  border-image:none;
358
  background-color: transparent;
359
}
360
#iop-plugin-ui notebook tab:checked *,
361
#lib-plugin-ui notebook tab:checked * {
362
  background-color: @bg_color;
363
}
364

    
365
scale,
366
scrollbar
367
{
368
  margin:0pt;
369
}
370

    
371
scale.trough.highlight,
372
scrollbar.contents.trough.highlight
373
{
374
  background-color:@selected_bg_color;
375
  background-image:none;
376
}
377

    
378
#recent-collection-ui button,
379
#history-ui button
380
{
381
  background-color: transparent;
382
}
383

    
384
#lib-plugin-ui scrollbar slider,
385
#iop-plugin-ui scrollbar slider,
386
scrollbar slider
387
{
388
    border-color: transparent;
389
    background-color: @selected_bg_color;
390
}
391

    
392
context-menu
393
{
394
  background-color: @really_dark_bg_color;
395
}
396

    
397
context-menu menuitem *
398
{
399
  background-color: transparent;
400
}
401

    
402
#main_window context-menu menuitem *:disabled,
403
context-menu menuitem *:disabled
404
{
405
  color: @selected_bg_color;
406
  background-color: transparent;
407
}
408

    
409
#lib-plugin-ui menuitem *,
410
#iop-plugin-ui menuitem *,
411
menuitem *
412
{
413
  background-color: transparent;
414
}
415

    
416
#lib-plugin-ui menuitem,
417
#iop-plugin-ui menuitem,
418
menuitem
419
{
420
  padding: 2pt;
421
  background-color:@really_dark_bg_color;
422
}
423

    
424
#lib-plugin-ui menuitem:hover,
425
#iop-plugin-ui menuitem:hover,
426
menuitem:hover
427
{
428
  background-color: shade(@selected_bg_color, 1.7);
429
}
430

    
431
/* sliders */
432

    
433
scrollbar.horizontal,
434
scrollbar.vertical {
435
    border-color: @bg_color;
436
    background-color: @selected_bg_color;
437
}
438

    
439
scrollbar.horizontal:hover,
440
scrollbar.vertical:hover {
441
    border-color: @bg_color;
442
    background-color: shade(@selected_bg_color, 1.3);
443
}
444

    
445
#iop-plugin-ui scrollbar.horizontal,
446
#iop-plugin-ui scrollbar.vertical,
447
#lib-plugin-ui scrollbar.horizontal,
448
#lib-plugin-ui scrollbar.vertical {
449
    border-color: @selected_bg_color;
450
    background-color: @text_color;
451
}
452

    
453
#iop-plugin-ui scrollbar.horizontal:hover,
454
#iop-plugin-ui scrollbar.vertical:hover,
455
#lib-plugin-ui scrollbar.horizontal:hover,
456
#lib-plugin-ui scrollbar.vertical:hover {
457
    border-color: @selected_bg_color;
458
    background-color: shade(@selected_bg_color, 1.3);
459
}
460

    
461
/* tooltip */
462

    
463
tooltip
464
{
465
  background-color: @really_dark_bg_color;
466
}
467
tooltip *
468
{
469
  color: @fg_color;
470
  background-color: @really_dark_bg_color;
471
  border-color: @selected_bg_color;
472
  padding: 2pt;
473
}
474

    
475
/* separator */
476
separator, separator:hover
477
{
478
  color: @selected_bg_color;
479
  border-style: solid;
480
  border-width: 2pt;
481
  border-color: @selected_bg_color;
482
  background-color: @selected_bg_color;
483
}
484

    
485
/* dialogs */
486
dialog
487
{
488
  border-radius: 0;
489
  border-style: none;
490
  box-shadow:none;
491
  outline-width:0;
492
  border-image:none;
493
  padding:0;
494
/*  margin: 0; */ /* this makes scroll bars super wide. */
495
  border:0;
496
  background-color: @selected_bg_color;
497
/*  background-image: none; */
498
  border-color:  shade(@selected_bg_color, 1.2);
499
}
500

    
501
dialog box *
502
{
503
   margin: 1px;
504
}
505

    
506
dialog button *
507
{
508
  padding: 2pt;
509
  background-color: shade(@bg_color, 1.7);
510
  border-color:  shade(@bg_color, 1.7);
511
}
512

    
513
dialog button:hover *
514
{
515
  background-color: shade(@selected_bg_color, 1.7);
516
  border-color:  shade(@selected_bg_color, 1.7);
517
}
518

    
519
dialog button *
520
{
521
  background-color: transparent;
522
}
523

    
524
dialog eventbox *
525
{
526
   background-color: transparent;
527
}
528

    
529
#iop-plugin-ui treeview.view *,
530
#lib-plugin-ui treeview.view *,
531
treeview.view *
532
{
533
   background-color:shade(@selected_bg_color, 0.8);
534
}
535

    
536
#iop-plugin-ui treeview.view *:hover,
537
#lib-plugin-ui treeview.view *:hover,
538
treeview.view *:hover
539
{
540
   background-color: shade(@selected_bg_color, 1.7);
541
}
542

    
543
#iop-plugin-ui treeview.view *:selected,
544
#lib-plugin-ui treeview.view *:selected,
545
treeview.view *:selected
546
{
547
   background-color: shade(@selected_bg_color, 1.2);
548
}
549

    
550
dialog scrolledwindow
551
{
552
  background-color: transparent;
553
}
554

    
555
dialog slider.vertical
556
{
557
  background-color: shade(@selected_bg_color, 1.7);
558
}
559

    
560
colorswatch *
561
{
562
    background-color: transparent;
563
}
564

    
565
/* preferences notebook */
566

    
567
#preferences_notebook stack *
568
{
569
  padding:0;
570
}
571

    
572
notebook tab *
573
{
574
  padding: 2pt;
575
}
576

    
577
notebook tab *:hover
578
{
579
  background-color:  shade(@selected_bg_color, 1.7);
580
}
581

    
582
notebook tab:checked *
583
{
584
  background-color: shade(@selected_bg_color, 1.3);
585
}
586

    
587
notebook menuitem
588
{
589
  padding: 2pt;
590
  background-color:@really_dark_bg_color;
591
}
592

    
593
notebook menuitem:hover
594
{
595
  background-color: shade(@selected_bg_color, 1.7);
596
}
597

    
598
/* empty space at top/bottom of sidepanels when scrolled */
599
undershoot.top,
600
undershoot.bottom,
601
undershoot.left,
602
undershoot.right
603
{
604
  background: none;
605
}
606

    
607
aboutdialog
608
{
609
  background-color: @bg_color;
610
}
611

    
612
aboutdialog box,
613
aboutdialog box *
614
{
615
  background-color: @bg_color;
616
}
617

    
618
aboutdialog headerbar
619
{
620
  padding: 2pt;
621
}
622

    
623
progressbar *
624
{
625
  background-color: @text_color;
626
}
627

    
628
filechooserdialog eventbox
629
{
630
  background-color: transparent;
631
}
632

    
633
filechooserdialog sidebar-icon
634
{
635
  padding: 0pt 5pt 0pt 10pt;
636
}
637

    
638
filechooserdialog sidebar-row
639
{
640
  padding-top: 3pt;
641
}
642

    
643
filechooserdialog sidebar-row:hover
644
{
645
  background-color: shade(@selected_bg_color, 1.7);
646
}
647

    
648
progressbar
649
{
650
  background-color: @text_color;
651
}
652
progressbar progress
653
{
654
  background-color: @fg_color;
655
}
656

    
657
cell:selected
658
{
659
  background-color: shade(@selected_bg_color, 1.2);
660
}
661

    
662
#bauhaus-popup
663
{
664
  /* NORMAL */
665
  background-color: @selected_bg_color;
666
  color: @fg_color;
667
}
668

    
669
#bauhaus-popup:selected
670
{
671
  /* SELECTED */
672
  color: shade(@fg_color, 1.5);
673
}
674

    
675
#bauhaus-popup:hover
676
{
677
  /* PRELIGHT */
678
  color: shade(@fg_color, 0.7);
679
}
680

    
681
#bauhaus-popup:disabled
682
{
683
  /* insensitive */
684
  color: black;
685
}