liz/rawTherapee
liz/rawTherapee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

TooWaBlue theme update, closes #3585

Browse Source
This commit is contained in:
Morgan Hardwood 2017-01-05 03:47:50 +01:00
parent 7f6ded741c
commit d8f5161ba5
2 changed files with 225 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

179
rtdata/themes/TooWaBlue-Dark-GTK3-20_.css
View File

@ -2,7 +2,7 @@
This file is part of RawTherapee. This file is part of RawTherapee.
Copyright (c) 2016 TooWaBoo Copyright (c) 2016 TooWaBoo
Version 2.26 - requires RT 4.2.1445 or higher Version 2.27 - requires RT 4.2.1445 or higher
RawTherapee is free software: you can redistribute it and/or modify RawTherapee is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by it under the terms of the GNU General Public License as published by
@ -20,39 +20,40 @@
/*** Change me *** rgb(red,green,blue) *** allowed values from 0 to 255 for each color ***/ /*** Change me *** rgb(red,green,blue) *** allowed values from 0 to 255 for each color ***/
@define-color accent-color rgb(26,79,135); /*** Active color for Lists, Menu, Borders ... * Default: rgb(26,79,135) ***/ @define-color accent-color rgb(33,82,145); /*** Active color for Lists, Menu, Borders ... * Default: rgb(33,82,145) ***/
@define-color text-hl-color rgb(200,200,200); /*** Active text color * Default: rgb(200,200,200) ***/ @define-color text-hl-color rgb(200,200,200); /*** Active text color * Default: rgb(200,200,200) ***/
@define-color highlighted-text-color rgb(26,79,135); /*** Highlighted text color * Default: rgb(26,79,135) ***/ @define-color bg-highlighted-text-color rgb(33,82,145); /*** Highlighted text color background* Default: rgb(33,82,145) ***/
@define-color highlighted-text-color rgb(200,200,200); /*** Highlighted text color * Default: rgb(200,200,200) ***/
@define-color bg-image-edit rgb(55,55,55); /*** Image area background * Default: rgb(55,55,55) ***/ @define-color bg-image rgb(58,58,58); /*** Image area & File Browser background * Default: rgb(58,58,58) ***/
@define-color accent-color2 rgb(26,79,135); /*** Scale, Progressbar, Scrollbar, Tabs * Default: rgb(26,79,135) ***/ @define-color accent-color2 rgb(33,82,145); /*** Scale, Progressbar, Scrollbar, Tabs * Default: rgb(33,82,145) ***/
@define-color accent-color4 rgb(93,93,93); /*** Slider knob * Default: rgb(93,93,93) ***/ @define-color accent-color4 rgb(98,98,98); /*** Slider knob * Default: rgb(98,98,98) ***/
@define-color accent-color3 rgb(26,79,135); /*** Selected thumbnail background color * Default: rgb(26,79,135) ***/ @define-color accent-color3 rgb(33,82,145); /*** Selected thumbnail background color * Default: rgb(33,82,145) ***/
@define-color text-hl-color3 rgb(200,200,200); /*** Selected thumbnail text color * Default: rgb(200,200,200) ***/ @define-color text-hl-color3 rgb(200,200,200); /*** Selected thumbnail text color * Default: rgb(200,200,200) ***/
/*** Change me end *****************************************************************************/ /*** Change me end *****************************************************************************/
@define-color bg-light-grey rgb(75,75,75); @define-color bg-light-grey rgb(75,75,75);
@define-color bg-grey rgb(55,55,55); @define-color bg-grey rgb(58,58,58);
@define-color bg-dark-grey rgb(36,36,36); @define-color bg-dark-grey rgb(36,36,36);
@define-color bg-button-hover rgba(0,0,0,.3); @define-color bg-button-hover rgba(0,0,0,.3);
@define-color bg-button-active rgba(0,0,0,.7); @define-color bg-button-active rgba(0,0,0,.7);
@define-color winHeaderbar rgb(43,43,43); @define-color winHeaderbar rgb(45,45,45);
@define-color winTitle rgb(190,190,190); @define-color winTitle rgb(190,190,190);
@define-color bg-tooltip rgb(180,180,180); @define-color bg-tooltip rgb(170,170,170);
@define-color border-tooltip rgb(36,36,36); @define-color border-tooltip rgb(36,36,36);
@define-color text-tooltip rgb(36,36,36); @define-color text-tooltip rgb(36,36,36);
/***********************************************/ /***********************************************/
@define-color text-color rgb(176,176,176); @define-color text-color rgb(176,176,176);
@define-color text-tbEntry rgb(192,192,192); @define-color text-tbEntry rgb(192,192,192);
@define-color border-color rgba(255,255,255,.30); @define-color border-color rgba(255,255,255,.30);
@define-color bg-list-hover rgb(40,40,40); @define-color bg-list-hover rgb(50,50,50);
@define-color bg-scale-entry rgba(0,0,0,.14); @define-color bg-scale-entry rgba(0,0,0,.14);
@define-color bg-button-border rgba(0,0,0,.60); @define-color bg-button-border rgba(0,0,0,.60);
@define-color bg-entry-border rgba(0,0,0,.40); @define-color bg-entry-border rgba(0,0,0,.40);
@ -181,6 +182,10 @@ filechooser > frame > border {
background-color: transparent; background-color: transparent;
margin: 0; margin: 0;
} }
#PrefNotebook box > frame > border {
padding-top: 0;
padding-bottom: 3px;
}
#BatchQueueButtonsMainContainer frame > label, #BatchQueueButtonsMainContainer frame > label,
#ToolPanelNotebook frame > label, #ToolPanelNotebook frame > label,
@ -227,11 +232,13 @@ frame > checkbutton label{
#PrefNotebook .view { #PrefNotebook .view {
min-height: 12px; min-height: 12px;
padding: 1px;
} }
#PlacesPaned .view { #PlacesPaned .view {
padding-left: 6px; padding-left: 5px;
padding-right: 0; padding-right: 0;
-gtk-icon-style: symbolic;
} }
#HistoryPanel .view { #HistoryPanel .view {
@ -300,7 +307,7 @@ filechooser box {
filechooser placessidebar { filechooser placessidebar {
padding: 0 1px; padding: 0 1px;
margin: -3px 0px 0; margin: -3px 0 0;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
} }
filechooser list { filechooser list {
@ -343,7 +350,9 @@ filechooser list row:selected {
#histButton { #histButton {
padding: 5px; padding: 5px;
margin: 0; margin: 0;
border: none; border-color: @bg-light-grey;
border-style: solid;
border-width: 0 0 0 1px;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
@ -354,6 +363,10 @@ filechooser list row:selected {
#fullButton { #fullButton {
padding: 5px 5px 6px; padding: 5px 5px 6px;
} }
#EditorLeftPaned #fullButton,
#EditorLeftPaned #histButton {
border-width: 0 1px 0 0;
}
/*** end ***************************************************************************************/ /*** end ***************************************************************************************/
/*** Separator ***/ /*** Separator ***/
@ -501,7 +514,7 @@ scale trough {
margin: 6px; /* has to be half of "scale slider / min-width min-height*/ margin: 6px; /* has to be half of "scale slider / min-width min-height*/
background-color: @bg-scale-entry; background-color: @bg-scale-entry;
border-color: @bg-dark-grey; border-color: @bg-dark-grey;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.11), 0 1px rgba(242, 242, 242, 0.11); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1);
} }
scale:not(:disabled) trough highlight { scale:not(:disabled) trough highlight {
background-color: @accent-color2; background-color: @accent-color2;
@ -706,9 +719,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
border: 1px solid @bg-entry-border; border: 1px solid @bg-entry-border;
} }
#PrefNotebook header, #AboutNotebook header { #PrefNotebook header {
padding: 0; padding: 0;
margin: -8px -8px 6px; margin: -8px -8px 4px;
}
#AboutNotebook header {
padding: 0;
margin: -8px -8px 8px;
} }
#AboutNotebook stack > * > * > * { #AboutNotebook stack > * > * > * {
background-color: @dark-grey; background-color: @dark-grey;
@ -720,19 +737,25 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
/* All tool panels have a frame except for Meta which unlike the rest is a notebook itself. /* All tool panels have a frame except for Meta which unlike the rest is a notebook itself.
* So we use CSS to make it look like a frame. */ * So we use CSS to make it look like a frame. */
#MetaPanelNotebook scrolledwindow {
padding: 0 0 6px 0;
}
#MetaPanelNotebook > stack > box { #MetaPanelNotebook > stack > box {
border: none; border: none;
background-color: @bg-grey; background-color: @bg-grey;
border-radius: 0; border-radius: 0;
border-top-style: none; border-top-style: none;
padding: 0 4px 1px; padding: 0 4px 3px;
margin: 0 6px -6px; margin: 0 6px -6px;
} }
#MetaPanelNotebook > stack > box:nth-child(1) > scrolledwindow {
margin: 0 0 4px;
padding: 0;
}
#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow { #MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow {
margin-right: -6px; margin: 0 0 0 -2px;
padding: 0;
}
#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow > viewport.frame {
padding: 0 0 0 10px;
} }
#MetaPanelNotebook header { #MetaPanelNotebook header {
border: none; border: none;
@ -749,46 +772,55 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
padding: 2px 4px; padding: 2px 4px;
} }
#MetaPanelNotebook textview {
border-radius: 0;
}
#MetaPanelNotebook separator { #MetaPanelNotebook separator {
background-color: @border-color; background-color: @border-color;
margin: 4px 0 5px; margin: 2px 0;
} }
#MetaPanelNotebook entry, #MetaPanelNotebook button, #MetaPanelNotebook combobox button { #MetaPanelNotebook entry, #MetaPanelNotebook button, #MetaPanelNotebook combobox button {
margin-top: 0; margin-top: 0;
margin-bottom: 2px; margin-bottom: 0;
min-height: 20px; min-height: 20px;
min-width: 10px; min-width: 10px;
padding: 0;
} }
#MetaPanelNotebook entry { #MetaPanelNotebook entry {
padding: 0 2px; padding: 0 4px;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
margin: 0;
} }
#MetaPanelNotebook button {
min-width: 20px; #MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow scrolledwindow {
background-color: @bg-dark-grey;
padding: 0;
margin: 0;
border-radius: 2px;
} }
#MetaPanelNotebook textview,
#MetaPanelNotebook text {
background-color: @bg-dark-grey;
padding: 2px 5px;
margin: 0;
}
#MetaPanelNotebook combobox + button, #MetaPanelNotebook combobox + button,
#MetaPanelNotebook combobox + button + button { #MetaPanelNotebook combobox + button + button {
margin-left: 2px; margin-left: 2px;
min-width: 20px;
}
#MetaPanelNotebook > stack > box > grid > button {
margin-top: 1px;
margin-bottom: 1px;
min-height: 26px;
} }
#MetaPanelNotebook label { #MetaPanelNotebook label {
padding: 0 5px; padding: 0 2px;
}
#MetaPanelNotebook text {
background-color: @bg-dark-grey;
border-radius: 0;
} }
/*** end ***************************************************************************************/ /*** end ***************************************************************************************/
/*** File Browser ******************************************************************************/ /*** File Browser ******************************************************************************/
#FileCatalog { #FileCatalog {
background-color: @bg-grey; background-color: @bg-image;
border: 1px solid @bg-dark-grey; border: 1px solid @bg-dark-grey;
} }
#FileCatalog:selected { #FileCatalog:selected {
@ -805,7 +837,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
#FileBrowser entry + button { #FileBrowser entry + button {
margin: 0 0 0 2px; margin: 0 0 0 2px;
padding: 2px 2px 2px 2px; padding: 2px;
} }
#FileBrowser entry + button, #FileBrowser entry + button,
#FileBrowser entry { #FileBrowser entry {
@ -843,21 +875,21 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
} }
#BeforeAfterContainer { #BeforeAfterContainer {
background-color: @bg-image-edit; background-color: @bg-grey;
border: 1px solid @bg-dark-grey; border: 1px solid @bg-dark-grey;
border-radius: 0; border-radius: 0;
padding: 0; padding: 0;
margin: 3px 0 5px; margin: 3px 0 5px;
} }
#BeforeAfterContainer > box:nth-child(1) frame { #BeforeAfterContainer > box:nth-child(1) frame {
background-color: transparent; background-color: @bg-image;
border-top: 1px solid @bg-dark-grey; border-top: 1px solid @bg-dark-grey;
border-radius: 0; border-radius: 0;
padding: 0; padding: 0;
margin: -1px 0 0 0; margin: -1px 0 0 0;
} }
#BeforeAfterContainer > box:nth-child(2) frame { #BeforeAfterContainer > box:nth-child(2) frame {
background-color: transparent; background-color: @bg-image;
border-top: 1px solid @bg-dark-grey; border-top: 1px solid @bg-dark-grey;
border-left: 1px solid @bg-dark-grey; border-left: 1px solid @bg-dark-grey;
border-radius: 0; border-radius: 0;
@ -921,13 +953,17 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
} }
/*Button editor bottom*/ /*Button editor bottom*/
#IopsPanel label { #EditorZoomPanel label {
min-width: 48px; min-width: 48px;
margin: 0; margin: 0;
} }
#IopsPanel button.Left image { #IopsPanel button.Left image {
padding: 0 2px 0 3px; padding: 0 2px 0 3px;
} }
#EditorZoomPanel button {
margin-left: 1px;
margin-right: 1px;
}
/*** end ***************************************************************************************/ /*** end ***************************************************************************************/
/*** Toolbox ***********************************************************************************/ /*** Toolbox ***********************************************************************************/
@ -935,18 +971,20 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
padding: 0 0 6px 0; padding: 0 0 6px 0;
} }
/*Curve spinbutton background */
#MyExpander flowbox > flowboxchild {
background-color: transparent;
}
/**/
#MyExpander .drawingarea:not(.slider) { #MyExpander .drawingarea:not(.slider) {
border: 1px solid @bg-light-grey; border: 1px solid @bg-light-grey;
} }
#MyExpander .slider, #MyExpander .slider,
#MyExpander .drawingarea:nth-child(2) { #MyExpander .drawingarea:nth-child(2) {
background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85));
background-color: @accent-color4; background-color: @accent-color4;
border: 1px solid rgb(15,15,15); border: 1px solid rgb(15,15,15);
} }
#MyExpander .drawingarea:disabled { #MyExpander .drawingarea:disabled {
background-color: shade(@bg-grey,.85); background-color: shade(@bg-grey,.85);
border-color: @bg-dark-grey; border-color: @bg-dark-grey;
@ -973,7 +1011,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
padding: 7px; padding: 7px;
} }
/* Sub-tool (MyExpander) background */ /* Sub-tool (MyExpander) */
#ExpanderBox2 > box, #ExpanderBox2 > grid { #ExpanderBox2 > box, #ExpanderBox2 > grid {
background-color: transparent; background-color: transparent;
border: 1px solid @border-color; border: 1px solid @border-color;
@ -990,7 +1028,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
#MyExpanderTitle label { #MyExpanderTitle label {
color: @headline-big; color: @headline-big;
padding: 0; padding: 0;
margin: 0 3px 0; margin: 0 3px 0 6px;
} }
#MyExpanderTitle:hover label { #MyExpanderTitle:hover label {
@ -1042,11 +1080,11 @@ menuitem:hover > * {
menu image { menu image {
min-height: 24px; min-height: 24px;
padding: 0; padding: 0;
margin: 0; margin: 0 4px 0 0;
} }
/*** Selection popup list (used in filechooser) ***/ /*** Selection popup list (used in filechooser) ***/
entry > window > frame { entry > window > frame {box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.50);
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
} }
entry > window > frame > border { entry > window > frame > border {
@ -1118,7 +1156,7 @@ button.flat {
background-image: none; background-image: none;
background-color: transparent; background-color: transparent;
} }
/* Resetbutton queue & Save as*/ /* Resetbutton Queue & Save as*/
dialog scale + button.flat, dialog scale + button.flat,
scale + button.flat { scale + button.flat {
min-height: 16px; min-height: 16px;
@ -1248,7 +1286,8 @@ dialog combobox .combo,
} }
/**/ /**/
/* Add extra top and bottom space to buttons in toolbox*/ /* Add extra top and bottom space to buttons in toolbox & Preferences*/
#PrefNotebook stack > box:nth-child(4) combobox,
#MyExpander button.flat, #MyExpander button.flat,
#MyExpander button { #MyExpander button {
margin-top: 1px; margin-top: 1px;
@ -1278,7 +1317,6 @@ dialog combobox .combo,
messagedialog .dialog-action-area button { messagedialog .dialog-action-area button {
margin: 0 8px 8px 8px; margin: 0 8px 8px 8px;
min-height: 22px; min-height: 22px;
margin-top: 0;
} }
messagedialog .dialog-action-area button:not(:only-child):nth-child(1) { messagedialog .dialog-action-area button:not(:only-child):nth-child(1) {
margin-right: 3px; margin-right: 3px;
@ -1388,11 +1426,11 @@ popover button.text-button:active {
margin: 0 0 5px 0; margin: 0 0 5px 0;
} }
headerbar button image { headerbar button.titlebutton image {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
headerbar button { headerbar button.titlebutton {
margin: 0 0 0 4px; margin: 0 0 0 4px;
background-image: none; background-image: none;
border: 1px solid transparent; border: 1px solid transparent;
@ -1402,7 +1440,7 @@ headerbar button {
min-height: 18px; min-height: 18px;
padding: 0; padding: 0;
} }
messagedialog headerbar button { messagedialog headerbar button.titlebutton {
min-width: 0; min-width: 0;
min-height: 0; min-height: 0;
margin: 0; margin: 0;
@ -1416,27 +1454,27 @@ messagedialog headerbar button {
} }
#MainNotebook > header > grid > button:hover, #MainNotebook > header > grid > button:hover,
#MainNotebook tab #CloseButton:hover, #MainNotebook tab #CloseButton:hover,
headerbar button:hover{ headerbar button.titlebutton:hover{
border-color: rgba(0,0,0,.8); border-color: rgba(0,0,0,.8);
box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0 1px rgba(242, 242, 242, 0.1);
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
background-color: rgba(128, 128, 128,.15); background-color: rgba(128, 128, 128,.15);
} }
#MainNotebook > header > grid > button:active, #MainNotebook > header > grid > button:active,
headerbar button:active{ headerbar button.titlebutton:active{
border-color: rgba(0,0,0,.8); border-color: rgba(0,0,0,.8);
box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0 1px rgba(242, 242, 242, 0.1);
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
background-color: rgba(128, 128, 128,.30); background-color: rgba(128, 128, 128,.30);
} }
#MainNotebook tab #CloseButton:hover, #MainNotebook tab #CloseButton:hover,
headerbar button:hover.close{ headerbar button.titlebutton.close:hover{
border-color: rgba(0,0,0,.9); border-color: rgba(0,0,0,.9);
background-image: linear-gradient(to bottom, rgb(180,0,0), rgb(160,0,0) 40%, rgb(130,0,0)); background-image: linear-gradient(to bottom, rgb(180,0,0), rgb(160,0,0) 40%, rgb(130,0,0));
box-shadow: inset 0 1px rgba(242, 242, 242, 0.3); box-shadow: inset 0 1px rgba(242, 242, 242, 0.3);
} }
#MainNotebook tab #CloseButton:active, #MainNotebook tab #CloseButton:active,
headerbar button:active.close{ headerbar button.titlebutton.close:active{
border-color: rgba(0,0,0,.9); border-color: rgba(0,0,0,.9);
background-image: linear-gradient(to bottom, rgb(215,0,0), rgb(185,0,0) 40%, rgb(150,0,0)); background-image: linear-gradient(to bottom, rgb(215,0,0), rgb(185,0,0) 40%, rgb(150,0,0));
box-shadow: inset 0 1px rgba(242, 242, 242, 0.4); box-shadow: inset 0 1px rgba(242, 242, 242, 0.4);
@ -1493,7 +1531,11 @@ frame > checkbutton check{
margin-left: 6px; margin-left: 6px;
} }
#PrefNotebook checkbutton { #PrefNotebook checkbutton {
padding: 2px 0; padding: 0;
}
#PrefNotebook stack > box:nth-child(3) checkbutton,
#PrefNotebook stack > box:nth-child(4) checkbutton {
padding: 3px 0;
} }
#PrefNotebook radiobutton { #PrefNotebook radiobutton {
padding: 3px 0; padding: 3px 0;
@ -1655,11 +1697,15 @@ spinbutton:disabled {
} }
/* Text selection */ /* Text selection */
text > selection,
entry > selection { entry > selection {
background-color: transparent; background-color: transparent;
color: @text-color;
} }
text:focus > selection,
entry:focus > selection { entry:focus > selection {
background-color: @highlighted-text-color; background-color: @bg-highlighted-text-color;
color: @highlighted-text-color;
} }
/* end*/ /* end*/
@ -1685,7 +1731,7 @@ headerbar {
padding: 4px 5px 3px; padding: 4px 5px 3px;
margin: 0; margin: 0;
} }
headerbar label{ headerbar .title{
color: @winTitle; color: @winTitle;
} }
@ -1703,15 +1749,16 @@ headerbar:backdrop {
box-shadow: inset 0 1px rgba(200,200,200,.11); box-shadow: inset 0 1px rgba(200,200,200,.11);
background-image: linear-gradient(shade(@winHeaderbar,1.07), shade(@winHeaderbar,.93)); background-image: linear-gradient(shade(@winHeaderbar,1.07), shade(@winHeaderbar,.93));
} }
headerbar label:backdrop { headerbar .title:backdrop {
color: shade(@winTitle,.7); color: alpha(@winTitle,.55);
} }
/**/ /**/
/*** end ***************************************************************************************/ /*** end ***************************************************************************************/
/* TooWaBoo's personal settings * / /* TooWaBoo's personal settings */
#PartialPaste {min-width: 811px; min-height: 589px;} #PartialPaste {min-width: 811px; min-height: 589px;}
/*
tooltip {background-color: transparent; border: none;} tooltip {background-color: transparent; border: none;}
tooltip label {color: transparent;} tooltip label {color: transparent;}
/ * end */ / * end */

161
rtdata/themes/TooWaBlue-GTK3-20_.css
View File

@ -2,7 +2,7 @@
This file is part of RawTherapee. This file is part of RawTherapee.
Copyright (c) 2016 TooWaBoo Copyright (c) 2016 TooWaBoo
Version 2.26 - requires RT 4.2.1445 or higher Version 2.27 - requires RT 4.2.1445 or higher
RawTherapee is free software: you can redistribute it and/or modify RawTherapee is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by it under the terms of the GNU General Public License as published by
@ -23,9 +23,10 @@
@define-color accent-color rgb(35,99,166); /*** Active color for Lists, Menu, Borders ... * Default: rgb(35,99,166) ***/ @define-color accent-color rgb(35,99,166); /*** Active color for Lists, Menu, Borders ... * Default: rgb(35,99,166) ***/
@define-color text-hl-color rgb(210,210,210); /*** Active text color * Default: rgb(210,210,210) ***/ @define-color text-hl-color rgb(210,210,210); /*** Active text color * Default: rgb(210,210,210) ***/
@define-color highlighted-text-color rgb(35,99,166); /*** Highlighted text color * Default: rgb(35,99,166) ***/ @define-color bg-highlighted-text-color rgb(35,99,166); /*** Highlighted text color background* Default: rgb(35,99,166) ***/
@define-color highlighted-text-color rgb(210,210,210); /*** Highlighted text color * Default: rgb(35,99,166) ***/
@define-color bg-image-edit rgb(70,70,70); /*** Image area background * Default: rgb(70,70,70) ***/ @define-color bg-image rgb(70,70,70); /*** Image area & File Browser background * Default: rgb(70,70,70) ***/
@define-color accent-color2 rgb(35,99,166); /*** Scale, Progressbar, Scrollbar, Tabs * Default: rgb(35,99,166) ***/ @define-color accent-color2 rgb(35,99,166); /*** Scale, Progressbar, Scrollbar, Tabs * Default: rgb(35,99,166) ***/
@define-color accent-color4 rgb(115,115,115); /*** Slider knob * Default: rgb(115,115,115) ***/ @define-color accent-color4 rgb(115,115,115); /*** Slider knob * Default: rgb(115,115,115) ***/
@ -181,6 +182,10 @@ filechooser > frame > border {
background-color: transparent; background-color: transparent;
margin: 0; margin: 0;
} }
#PrefNotebook box > frame > border {
padding-top: 0;
padding-bottom: 3px;
}
#BatchQueueButtonsMainContainer frame > label, #BatchQueueButtonsMainContainer frame > label,
#ToolPanelNotebook frame > label, #ToolPanelNotebook frame > label,
@ -227,11 +232,13 @@ frame > checkbutton label{
#PrefNotebook .view { #PrefNotebook .view {
min-height: 12px; min-height: 12px;
padding: 1px;
} }
#PlacesPaned .view { #PlacesPaned .view {
padding-left: 6px; padding-left: 5px;
padding-right: 0; padding-right: 0;
-gtk-icon-style: symbolic;
} }
#HistoryPanel .view { #HistoryPanel .view {
@ -300,7 +307,7 @@ filechooser box {
filechooser placessidebar { filechooser placessidebar {
padding: 0 1px; padding: 0 1px;
margin: -3px 0px 0; margin: -3px 0 0;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
} }
filechooser list { filechooser list {
@ -343,7 +350,9 @@ filechooser list row:selected {
#histButton { #histButton {
padding: 5px; padding: 5px;
margin: 0; margin: 0;
border: none; border-color: @bg-light-grey;
border-style: solid;
border-width: 0 0 0 1px;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
@ -354,6 +363,10 @@ filechooser list row:selected {
#fullButton { #fullButton {
padding: 5px 5px 6px; padding: 5px 5px 6px;
} }
#EditorLeftPaned #fullButton,
#EditorLeftPaned #histButton {
border-width: 0 1px 0 0;
}
/*** end ***************************************************************************************/ /*** end ***************************************************************************************/
/*** Separator ***/ /*** Separator ***/
@ -706,9 +719,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
border: 1px solid @bg-entry-border; border: 1px solid @bg-entry-border;
} }
#PrefNotebook header, #AboutNotebook header { #PrefNotebook header {
padding: 0; padding: 0;
margin: -8px -8px 6px; margin: -8px -8px 4px;
}
#AboutNotebook header {
padding: 0;
margin: -8px -8px 8px;
} }
#AboutNotebook stack > * > * > * { #AboutNotebook stack > * > * > * {
background-color: @dark-grey; background-color: @dark-grey;
@ -720,19 +737,25 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
/* All tool panels have a frame except for Meta which unlike the rest is a notebook itself. /* All tool panels have a frame except for Meta which unlike the rest is a notebook itself.
* So we use CSS to make it look like a frame. */ * So we use CSS to make it look like a frame. */
#MetaPanelNotebook scrolledwindow {
padding: 0 0 6px 0;
}
#MetaPanelNotebook > stack > box { #MetaPanelNotebook > stack > box {
border: none; border: none;
background-color: @bg-grey; background-color: @bg-grey;
border-radius: 0; border-radius: 0;
border-top-style: none; border-top-style: none;
padding: 0 4px 1px; padding: 0 4px 3px;
margin: 0 6px -6px; margin: 0 6px -6px;
} }
#MetaPanelNotebook > stack > box:nth-child(1) > scrolledwindow {
margin: 0 0 4px;
padding: 0;
}
#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow { #MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow {
margin-right: -6px; margin: 0 0 0 -2px;
padding: 0;
}
#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow > viewport.frame {
padding: 0 0 0 10px;
} }
#MetaPanelNotebook header { #MetaPanelNotebook header {
border: none; border: none;
@ -749,46 +772,55 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
padding: 2px 4px; padding: 2px 4px;
} }
#MetaPanelNotebook textview {
border-radius: 0;
}
#MetaPanelNotebook separator { #MetaPanelNotebook separator {
background-color: @border-color; background-color: @border-color;
margin: 4px 0 5px; margin: 2px 0;
} }
#MetaPanelNotebook entry, #MetaPanelNotebook button, #MetaPanelNotebook combobox button { #MetaPanelNotebook entry, #MetaPanelNotebook button, #MetaPanelNotebook combobox button {
margin-top: 0; margin-top: 0;
margin-bottom: 2px; margin-bottom: 0;
min-height: 20px; min-height: 20px;
min-width: 10px; min-width: 10px;
padding: 0;
} }
#MetaPanelNotebook entry { #MetaPanelNotebook entry {
padding: 0 2px; padding: 0 4px;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
margin: 0;
} }
#MetaPanelNotebook button {
min-width: 20px; #MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow scrolledwindow {
background-color: @bg-dark-grey;
padding: 0;
margin: 0;
border-radius: 2px;
} }
#MetaPanelNotebook textview,
#MetaPanelNotebook text {
background-color: @bg-dark-grey;
padding: 2px 5px;
margin: 0;
}
#MetaPanelNotebook combobox + button, #MetaPanelNotebook combobox + button,
#MetaPanelNotebook combobox + button + button { #MetaPanelNotebook combobox + button + button {
margin-left: 2px; margin-left: 2px;
min-width: 20px;
}
#MetaPanelNotebook > stack > box > grid > button {
margin-top: 1px;
margin-bottom: 1px;
min-height: 26px;
} }
#MetaPanelNotebook label { #MetaPanelNotebook label {
padding: 0 5px; padding: 0 2px;
}
#MetaPanelNotebook text {
background-color: @bg-dark-grey;
border-radius: 0;
} }
/*** end ***************************************************************************************/ /*** end ***************************************************************************************/
/*** File Browser ******************************************************************************/ /*** File Browser ******************************************************************************/
#FileCatalog { #FileCatalog {
background-color: @bg-grey; background-color: @bg-image;
border: 1px solid @bg-dark-grey; border: 1px solid @bg-dark-grey;
} }
#FileCatalog:selected { #FileCatalog:selected {
@ -805,7 +837,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
#FileBrowser entry + button { #FileBrowser entry + button {
margin: 0 0 0 2px; margin: 0 0 0 2px;
padding: 2px 2px 2px 2px; padding: 2px;
} }
#FileBrowser entry + button, #FileBrowser entry + button,
#FileBrowser entry { #FileBrowser entry {
@ -843,21 +875,21 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
} }
#BeforeAfterContainer { #BeforeAfterContainer {
background-color: @bg-image-edit; background-color: @bg-grey;
border: 1px solid @bg-dark-grey; border: 1px solid @bg-dark-grey;
border-radius: 0; border-radius: 0;
padding: 0; padding: 0;
margin: 3px 0 5px; margin: 3px 0 5px;
} }
#BeforeAfterContainer > box:nth-child(1) frame { #BeforeAfterContainer > box:nth-child(1) frame {
background-color: transparent; background-color: @bg-image;
border-top: 1px solid @bg-dark-grey; border-top: 1px solid @bg-dark-grey;
border-radius: 0; border-radius: 0;
padding: 0; padding: 0;
margin: -1px 0 0 0; margin: -1px 0 0 0;
} }
#BeforeAfterContainer > box:nth-child(2) frame { #BeforeAfterContainer > box:nth-child(2) frame {
background-color: transparent; background-color: @bg-image;
border-top: 1px solid @bg-dark-grey; border-top: 1px solid @bg-dark-grey;
border-left: 1px solid @bg-dark-grey; border-left: 1px solid @bg-dark-grey;
border-radius: 0; border-radius: 0;
@ -921,13 +953,17 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
} }
/*Button editor bottom*/ /*Button editor bottom*/
#IopsPanel label { #EditorZoomPanel label {
min-width: 48px; min-width: 48px;
margin: 0; margin: 0;
} }
#IopsPanel button.Left image { #IopsPanel button.Left image {
padding: 0 2px 0 3px; padding: 0 2px 0 3px;
} }
#EditorZoomPanel button {
margin-left: 1px;
margin-right: 1px;
}
/*** end ***************************************************************************************/ /*** end ***************************************************************************************/
/*** Toolbox ***********************************************************************************/ /*** Toolbox ***********************************************************************************/
@ -935,18 +971,20 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
padding: 0 0 6px 0; padding: 0 0 6px 0;
} }
/*Curve spinbutton background */
#MyExpander flowbox > flowboxchild {
background-color: transparent;
}
/**/
#MyExpander .drawingarea:not(.slider) { #MyExpander .drawingarea:not(.slider) {
border: 1px solid @bg-light-grey; border: 1px solid @bg-light-grey;
} }
#MyExpander .slider, #MyExpander .slider,
#MyExpander .drawingarea:nth-child(2) { #MyExpander .drawingarea:nth-child(2) {
background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85)); background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85));
background-color: @accent-color4; background-color: @accent-color4;
border: 1px solid rgb(15,15,15); border: 1px solid rgb(15,15,15);
} }
#MyExpander .drawingarea:disabled { #MyExpander .drawingarea:disabled {
background-color: shade(@bg-grey,.85); background-color: shade(@bg-grey,.85);
border-color: @bg-dark-grey; border-color: @bg-dark-grey;
@ -973,7 +1011,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
padding: 7px; padding: 7px;
} }
/* Sub-tool (MyExpander) background */ /* Sub-tool (MyExpander) */
#ExpanderBox2 > box, #ExpanderBox2 > grid { #ExpanderBox2 > box, #ExpanderBox2 > grid {
background-color: transparent; background-color: transparent;
border: 1px solid @border-color; border: 1px solid @border-color;
@ -990,7 +1028,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
#MyExpanderTitle label { #MyExpanderTitle label {
color: @headline-big; color: @headline-big;
padding: 0; padding: 0;
margin: 0 3px 0; margin: 0 3px 0 6px;
} }
#MyExpanderTitle:hover label { #MyExpanderTitle:hover label {
@ -1042,11 +1080,11 @@ menuitem:hover > * {
menu image { menu image {
min-height: 24px; min-height: 24px;
padding: 0; padding: 0;
margin: 0; margin: 0 4px 0 0;
} }
/*** Selection popup list (used in filechooser) ***/ /*** Selection popup list (used in filechooser) ***/
entry > window > frame { entry > window > frame {box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.50);
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
} }
entry > window > frame > border { entry > window > frame > border {
@ -1118,7 +1156,7 @@ button.flat {
background-image: none; background-image: none;
background-color: transparent; background-color: transparent;
} }
/* Resetbutton queue & Save as*/ /* Resetbutton Queue & Save as*/
dialog scale + button.flat, dialog scale + button.flat,
scale + button.flat { scale + button.flat {
min-height: 16px; min-height: 16px;
@ -1248,7 +1286,8 @@ dialog combobox .combo,
} }
/**/ /**/
/* Add extra top and bottom space to buttons in toolbox*/ /* Add extra top and bottom space to buttons in toolbox & Preferences*/
#PrefNotebook stack > box:nth-child(4) combobox,
#MyExpander button.flat, #MyExpander button.flat,
#MyExpander button { #MyExpander button {
margin-top: 1px; margin-top: 1px;
@ -1278,7 +1317,6 @@ dialog combobox .combo,
messagedialog .dialog-action-area button { messagedialog .dialog-action-area button {
margin: 0 8px 8px 8px; margin: 0 8px 8px 8px;
min-height: 22px; min-height: 22px;
margin-top: 0;
} }
messagedialog .dialog-action-area button:not(:only-child):nth-child(1) { messagedialog .dialog-action-area button:not(:only-child):nth-child(1) {
margin-right: 3px; margin-right: 3px;
@ -1388,11 +1426,11 @@ popover button.text-button:active {
margin: 0 0 5px 0; margin: 0 0 5px 0;
} }
headerbar button image { headerbar button.titlebutton image {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
headerbar button { headerbar button.titlebutton {
margin: 0 0 0 4px; margin: 0 0 0 4px;
background-image: none; background-image: none;
border: 1px solid transparent; border: 1px solid transparent;
@ -1402,7 +1440,7 @@ headerbar button {
min-height: 18px; min-height: 18px;
padding: 0; padding: 0;
} }
messagedialog headerbar button { messagedialog headerbar button.titlebutton {
min-width: 0; min-width: 0;
min-height: 0; min-height: 0;
margin: 0; margin: 0;
@ -1416,27 +1454,27 @@ messagedialog headerbar button {
} }
#MainNotebook > header > grid > button:hover, #MainNotebook > header > grid > button:hover,
#MainNotebook tab #CloseButton:hover, #MainNotebook tab #CloseButton:hover,
headerbar button:hover{ headerbar button.titlebutton:hover{
border-color: rgba(0,0,0,.8); border-color: rgba(0,0,0,.8);
box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0 1px rgba(242, 242, 242, 0.1);
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
background-color: rgba(128, 128, 128,.15); background-color: rgba(128, 128, 128,.15);
} }
#MainNotebook > header > grid > button:active, #MainNotebook > header > grid > button:active,
headerbar button:active{ headerbar button.titlebutton:active{
border-color: rgba(0,0,0,.8); border-color: rgba(0,0,0,.8);
box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0 1px rgba(242, 242, 242, 0.1);
background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3)); background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
background-color: rgba(128, 128, 128,.30); background-color: rgba(128, 128, 128,.30);
} }
#MainNotebook tab #CloseButton:hover, #MainNotebook tab #CloseButton:hover,
headerbar button:hover.close{ headerbar button.titlebutton.close:hover{
border-color: rgba(0,0,0,.9); border-color: rgba(0,0,0,.9);
background-image: linear-gradient(to bottom, rgb(180,0,0), rgb(160,0,0) 40%, rgb(130,0,0)); background-image: linear-gradient(to bottom, rgb(180,0,0), rgb(160,0,0) 40%, rgb(130,0,0));
box-shadow: inset 0 1px rgba(242, 242, 242, 0.3); box-shadow: inset 0 1px rgba(242, 242, 242, 0.3);
} }
#MainNotebook tab #CloseButton:active, #MainNotebook tab #CloseButton:active,
headerbar button:active.close{ headerbar button.titlebutton.close:active{
border-color: rgba(0,0,0,.9); border-color: rgba(0,0,0,.9);
background-image: linear-gradient(to bottom, rgb(215,0,0), rgb(185,0,0) 40%, rgb(150,0,0)); background-image: linear-gradient(to bottom, rgb(215,0,0), rgb(185,0,0) 40%, rgb(150,0,0));
box-shadow: inset 0 1px rgba(242, 242, 242, 0.4); box-shadow: inset 0 1px rgba(242, 242, 242, 0.4);
@ -1493,7 +1531,11 @@ frame > checkbutton check{
margin-left: 6px; margin-left: 6px;
} }
#PrefNotebook checkbutton { #PrefNotebook checkbutton {
padding: 2px 0; padding: 0;
}
#PrefNotebook stack > box:nth-child(3) checkbutton,
#PrefNotebook stack > box:nth-child(4) checkbutton {
padding: 3px 0;
} }
#PrefNotebook radiobutton { #PrefNotebook radiobutton {
padding: 3px 0; padding: 3px 0;
@ -1655,11 +1697,15 @@ spinbutton:disabled {
} }
/* Text selection */ /* Text selection */
text > selection,
entry > selection { entry > selection {
background-color: transparent; background-color: transparent;
color: @text-color;
} }
text:focus > selection,
entry:focus > selection { entry:focus > selection {
background-color: @highlighted-text-color; background-color: @bg-highlighted-text-color;
color: @highlighted-text-color;
} }
/* end*/ /* end*/
@ -1685,7 +1731,7 @@ headerbar {
padding: 4px 5px 3px; padding: 4px 5px 3px;
margin: 0; margin: 0;
} }
headerbar label{ headerbar .title{
color: @winTitle; color: @winTitle;
} }
@ -1703,15 +1749,16 @@ headerbar:backdrop {
box-shadow: inset 0 1px rgba(200,200,200,.11); box-shadow: inset 0 1px rgba(200,200,200,.11);
background-image: linear-gradient(shade(@winHeaderbar,1.07), shade(@winHeaderbar,.93)); background-image: linear-gradient(shade(@winHeaderbar,1.07), shade(@winHeaderbar,.93));
} }
headerbar label:backdrop { headerbar .title:backdrop {
color: shade(@winTitle,.7); color: alpha(@winTitle,.55);
} }
/**/ /**/
/*** end ***************************************************************************************/ /*** end ***************************************************************************************/
/* TooWaBoo's personal settings * / /* TooWaBoo's personal settings */
#PartialPaste {min-width: 811px; min-height: 589px;} #PartialPaste {min-width: 811px; min-height: 589px;}
/*
tooltip {background-color: transparent; border: none;} tooltip {background-color: transparent; border: none;}
tooltip label {color: transparent;} tooltip label {color: transparent;}
/ * end */ / * end */