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

Updated TooWaBlue theme to v2.44, #3696

Browse Source
This commit is contained in:
Morgan Hardwood
2017-02-17 21:09:39 +01:00
parent 66b5f05ceb
commit 4994fb6d9d
2 changed files with 190 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
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-2017 TooWaBoo Copyright (c) 2016-2017 TooWaBoo
Version 2.42 - requires RT 5.0 Version 2.44 - requires RT 5.0
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
@@ -105,7 +105,7 @@ messagedialog {
} }
tooltip { tooltip {
background-color: @bg-tooltip; background-color: @bg-tooltip;
border: 1px solid @border-tooltip; border: 0.08334em solid @border-tooltip;
border-radius: 0.33334em; border-radius: 0.33334em;
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -180,7 +180,7 @@ frame > border {
dialog frame > border { dialog frame > border {
padding: 0.5em; padding: 0.5em;
border-radius: 0; border-radius: 0;
border: 1px solid @border-color; border: 0.08334em solid @border-color;
background-color: transparent; background-color: transparent;
margin: 0 -0.5em; margin: 0 -0.5em;
} }
@@ -241,11 +241,11 @@ textview:selected, treeview:selected {
} }
#RightNotebook > stack > :nth-child(3) treeview { #RightNotebook > stack > :nth-child(3) treeview {
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
border-bottom: none; border-bottom: none;
} }
#PlacesPaned > :nth-child(1) treeview { #PlacesPaned > box:nth-child(1) treeview {
padding: 0.08334em 0 0.08334em 0.5em; padding: 0.08334em 0 0.08334em 0.5em;
-gtk-icon-style: symbolic; -gtk-icon-style: symbolic;
} }
@@ -275,15 +275,15 @@ textview:selected, treeview:selected {
margin-bottom: 0.41667em; margin-bottom: 0.41667em;
} }
#PlacesPaned > box:nth-child(3) > :nth-child(2), #PlacesPaned > box:nth-child(3) > box:nth-child(2),
#PlacesPaned > box:nth-child(1) > :nth-child(1), #PlacesPaned > box:nth-child(1) > :nth-child(1),
#HistoryPanel > border, #HistoryPanel > border,
#Snapshots > box > :nth-child(1) { #Snapshots > box > :nth-child(1) {
padding: 1px;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
border: 0.08334em solid @bg-dark-grey;
} }
/*Corrects the space for the snapshot view of the paned separator*/ /*Corrects the space of the snapshot view to the paned separator*/
#Snapshots { #Snapshots {
margin-top: -0.33334em; margin-top: -0.33334em;
} }
@@ -321,11 +321,11 @@ filechooser box {
} }
filechooser > box > paned > box { filechooser > box > paned > box {
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
} }
filechooser placessidebar { filechooser placessidebar {
padding: 0 1px; padding: 0 0.08334em;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
} }
@@ -362,7 +362,7 @@ filechooser list row:selected {
} }
#HistogramArea, #HistogramArea,
#HistogramRGBArea { #HistogramRGBArea {
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
} }
@@ -372,7 +372,7 @@ filechooser list row:selected {
margin: 0; margin: 0;
border-color: @bg-light-grey; border-color: @bg-light-grey;
border-style: solid; border-style: solid;
border-width: 0 0 0 1px; border-width: 0 0 0 0.08334em;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
@@ -385,7 +385,7 @@ filechooser list row:selected {
} }
#EditorLeftPaned #fullButton, #EditorLeftPaned #fullButton,
#EditorLeftPaned #histButton { #EditorLeftPaned #histButton {
border-width: 0 1px 0 0; border-width: 0 0.08334em 0 0;
} }
/*** end ***************************************************************************************/ /*** end ***************************************************************************************/
@@ -467,8 +467,8 @@ menu separator {
/*** PartialPaste ******************************************************************************/ /*** PartialPaste ******************************************************************************/
#PartialPaste { #PartialPaste {
border-bottom: 1px solid @border-color; border-bottom: 0.08334em solid @border-color;
border-top: 1px solid @border-color; border-top: 0.08334em solid @border-color;
padding-top: 0.5em; padding-top: 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
} }
@@ -518,10 +518,10 @@ scrollbar:not(.overlay-indicator) {
background-color: rgba(0,0,0,.30); background-color: rgba(0,0,0,.30);
} }
scrollbar:not(.overlay-indicator).horizontal { scrollbar:not(.overlay-indicator).horizontal {
border-width: 0 1px 1px 1px; border-width: 0 0.08334em 0.08334em 0.08334em;
} }
scrollbar:not(.overlay-indicator).vertical { scrollbar:not(.overlay-indicator).vertical {
border-width: 1px 1px 1px 0; border-width: 0.08334em 0.08334em 0.08334em 0;
} }
scrollbar:not(.overlay-indicator) slider { scrollbar:not(.overlay-indicator) slider {
background-color: shade(@text-color, .9); background-color: shade(@text-color, .9);
@@ -593,7 +593,7 @@ scale slider {
margin: calc(-0.33334em - 1px); margin: calc(-0.33334em - 1px);
border-radius: 0.83334em; border-radius: 0.83334em;
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));
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
box-shadow: none; box-shadow: none;
} }
scale slider:hover { scale slider:hover {
@@ -603,14 +603,14 @@ scale slider:hover {
scale trough { scale trough {
margin: 0.5em; /* has to be half of "scale slider / min-width min-height*/ margin: 0.5em; /* 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: 0.08334em solid @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 0.08334em rgba(255, 255, 255, 0.11), 0 0.08334em rgba(242, 242, 242, 0.11);
border-radius: 0.5em; border-radius: 0.5em;
} }
scale:not(:disabled) trough highlight { scale:not(:disabled) trough highlight {
background-color: @accent-color2; background-color: @accent-color2;
border-color: @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
box-shadow: inset 0 1px shade(@accent-color2, 1.3); box-shadow: inset 0 0.08334em shade(@accent-color2, 1.3);
border-radius: 0.5em; border-radius: 0.5em;
} }
@@ -671,7 +671,7 @@ progressbar.horizontal trough progress {
#IopsPanel progressbar.horizontal trough { #IopsPanel progressbar.horizontal trough {
min-height: 0.5em; min-height: 0.5em;
background-color: @bg-scale-entry; background-color: @bg-scale-entry;
border: 1px solid @bg-button-border; border: 0.08334em solid @bg-button-border;
margin-top: 0.25em; margin-top: 0.25em;
} }
#IopsPanel progressbar.horizontal trough progress { #IopsPanel progressbar.horizontal trough progress {
@@ -770,8 +770,9 @@ dialog notebook stack {
#MainNotebook > stack { #MainNotebook > stack {
padding: 0.41667em; padding: 0.41667em;
} }
#MainNotebook > stack > :nth-child(2) > :nth-child(2) {
margin-bottom: 0.33334em; #MainNotebook > stack > :nth-child(2) > box:nth-child(3) {
margin-top: 0.41667em;
} }
@@ -801,10 +802,11 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
background-color: @bg-grey; background-color: @bg-grey;
padding: 0; padding: 0;
} }
#RightNotebook > stack > :nth-child(3),
#RightNotebook > stack > :nth-child(4) { #RightNotebook > stack > :nth-child(3) > * > box,
#RightNotebook > stack > :nth-child(4) > * > box {
padding: 0.5em; padding: 0.5em;
border: 1px solid @bg-entry-border; border: 0.08334em solid @bg-entry-border;
} }
#PrefNotebook header { #PrefNotebook header {
@@ -813,8 +815,9 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
#AboutNotebook header { #AboutNotebook header {
margin: -0.66667em -0.66667em 0.66667em; margin: -0.66667em -0.66667em 0.66667em;
} }
#AboutNotebook stack > * > * > * {
background-color: @dark-grey; #AboutNotebook stack text {
background-color: @bg-dark-grey;
} }
/* 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.
@@ -873,7 +876,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
margin: 0; margin: 0;
} }
#MetaPanelNotebook .view { #MetaPanelNotebook .view {
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
padding: 0.16667em; padding: 0.16667em;
margin: 0; margin: 0;
} }
@@ -894,8 +897,8 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
min-width: 1.66667em; min-width: 1.66667em;
} }
#MetaPanelNotebook > stack > box > grid > button { #MetaPanelNotebook > stack > box > grid > button {
margin-top: 1px; margin-top: 0.08334em;
margin-bottom: 1px; margin-bottom: 0.08334em;
min-height: 2.16667em; min-height: 2.16667em;
} }
@@ -908,7 +911,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
/*** File Browser ******************************************************************************/ /*** File Browser ******************************************************************************/
#FileCatalog { #FileCatalog {
background-color: @bg-image; background-color: @bg-image;
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
} }
#FileCatalog:selected { #FileCatalog:selected {
background-color: @accent-color3; background-color: @accent-color3;
@@ -949,7 +952,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
min-width: 1.66667em; min-width: 1.66667em;
margin: 0 0 0 -1.66667em; margin: 0 0 0 -1.66667em;
border-radius: 0 0.2em 0.2em 0; border-radius: 0 0.2em 0.2em 0;
border: 1px solid transparent; border: 0.08334em solid transparent;
padding: 0; padding: 0;
} }
#ToolBarPanelFileBrowser entry, #ToolBarPanelFileBrowser entry,
@@ -972,25 +975,17 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
#BeforeAfterContainer { #BeforeAfterContainer {
background-color: @bg-grey; background-color: @bg-grey;
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
border-radius: 0; border-radius: 0;
padding: 0; padding: 0;
margin: 0.41667em 0; margin: 0.41667em 0;
} }
#BeforeAfterContainer > box:nth-child(1) frame { #BeforeAfterContainer > box:nth-child(2) > box:nth-child(2),
background-color: @bg-image; #BeforeAfterContainer > box:nth-child(1) > box:nth-child(2){
border-top: 1px solid @bg-dark-grey; border-top: 0.08334em solid @bg-dark-grey;
border-radius: 0;
padding: 0;
margin: -1px 0 0 0;
} }
#BeforeAfterContainer > box:nth-child(2) frame { #BeforeAfterContainer > box:nth-child(2){
background-color: @bg-image; border-left: 0.08334em solid @bg-dark-grey;
border-top: 1px solid @bg-dark-grey;
border-left: 1px solid @bg-dark-grey;
border-radius: 0;
padding: 0;
margin: -1px 0 0 0;
} }
#BeforeAfterContainer label { #BeforeAfterContainer label {
@@ -1000,8 +995,8 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
/* Small Lock Button */ /* Small Lock Button */
#BeforeAfterContainer button { #BeforeAfterContainer button {
min-height: 1.66667em; min-height: 1.66667em;
min-width: 1.66667em; min-width: 1.75em;
margin: 0.25em 0 0.33334em; margin: 0.25em;
padding: 0 0 0 0.08334em; padding: 0 0 0 0.08334em;
} }
/**/ /**/
@@ -1034,7 +1029,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
min-width: 0; min-width: 0;
margin: 0 0.16667em; margin: 0 0.16667em;
padding: 0 0.16667em; padding: 0 0.16667em;
border: 1px solid transparent; border: 0.08334em solid transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
@@ -1042,13 +1037,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
#EditorTopPanel > box > box > button:hover { #EditorTopPanel > box > box > button:hover {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border: 1px solid transparent; border: 0.08334em solid transparent;
box-shadow: none; box-shadow: none;
} }
#EditorTopPanel > box > box > button:checked { #EditorTopPanel > box > box > button:checked {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border: 1px solid @bg-button-border; border: 0.08334em solid @bg-button-border;
box-shadow: none; box-shadow: none;
} }
@@ -1077,13 +1072,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
} }
/**/ /**/
#MyExpander .drawingarea:not(.slider) { #MyExpander .drawingarea:not(.slider) {
border: 1px solid @bg-light-grey; border: 0.08334em 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: 0.08334em solid rgb(15,15,15);
} }
#MyExpander .drawingarea:disabled { #MyExpander .drawingarea:disabled {
background-color: shade(@bg-grey,.85); background-color: shade(@bg-grey,.85);
@@ -1114,7 +1109,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
/* Sub-tool (MyExpander) */ /* Sub-tool (MyExpander) */
#ExpanderBox2 > box, #ExpanderBox2 > grid { #ExpanderBox2 > box, #ExpanderBox2 > grid {
background-color: transparent; background-color: transparent;
border: 1px solid @border-color; border: 0.08334em solid @border-color;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
padding: 0.5em; padding: 0.5em;
@@ -1143,13 +1138,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
border: none; border: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.50), 0 0 0 1px @bg-dark-grey; box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.50), 0 0 0 0.08334em @bg-dark-grey;
} }
menu { menu {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
border: 1px solid @accent-color; border: 0.08334em solid @accent-color;
padding: 1px; padding: 0.08334em;
margin: 0; margin: 0;
} }
menu > .top, menu > .top,
@@ -1159,12 +1154,12 @@ menu > .bottom:hover {
background-color: transparent; background-color: transparent;
border: none; border: none;
padding: 0.5em; padding: 0.5em;
min-height: 2em; min-height: 1.5em;
} }
menuitem { menuitem {
padding: 0 0.33334em; padding: 0 0.33334em;
margin: 1px; margin: 0.08334em;
min-height: 2em; min-height: 2em;
} }
menuitem:hover { menuitem:hover {
@@ -1187,11 +1182,11 @@ entry > window > frame {
} }
entry > window > frame > border { entry > window > frame > border {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
padding: 1px; padding: 0.08334em;
border: 1px solid @accent-color; border: 0.08334em solid @accent-color;
} }
.csd entry > window > frame > border { .csd entry > window > frame > border {
margin: 1px; margin: 0.08334em;
} }
/* end */ /* end */
@@ -1203,7 +1198,7 @@ entry > window > frame > border {
} }
popover.background { popover.background {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
border-color: @accent-color; border: 0.08334em solid @accent-color;
border-radius: 0; border-radius: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -1236,9 +1231,9 @@ button {
margin: 0; margin: 0;
padding: 0; /* x */ padding: 0; /* x */
border-radius: 0.2em; border-radius: 0.2em;
border: 1px solid @bg-button-border; border: 0.08334em solid @bg-button-border;
background-color: transparent; background-color: transparent;
box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0 0.08334em 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));
} }
button.flat { button.flat {
@@ -1250,7 +1245,7 @@ button.text-button label {
#MainNotebook > header > grid > button, #MainNotebook > header > grid > button,
button.flat { button.flat {
border: 1px solid transparent; border: 0.08334em solid transparent;
box-shadow: none; box-shadow: none;
background-image: none; background-image: none;
background-color: transparent; background-color: transparent;
@@ -1301,7 +1296,7 @@ scale + button.flat {
button.flat:hover, button.flat:hover,
button:hover { button:hover {
border-color: @bg-button-border; border-color: @bg-button-border;
box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0 0.08334em 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: @bg-button-hover; background-color: @bg-button-hover;
} }
@@ -1313,7 +1308,7 @@ button.flat:checked,
button:active, button:active,
button:checked { button:checked {
border-color: @bg-button-border; border-color: @bg-button-border;
box-shadow: inset 0 1px rgba(242, 242, 242, 0.08); box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.08);
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: @bg-button-active; background-color: @bg-button-active;
} }
@@ -1322,7 +1317,7 @@ button:checked {
button.Right, button.Right,
button.MiddleH { button.MiddleH {
margin-left: 0.16667em; margin-left: 0.16667em;
border: 1px solid @bg-button-border; border: 0.08334em solid @bg-button-border;
} }
/**/ /**/
@@ -1364,9 +1359,10 @@ dialog combobox .combo,
#MyExpander button:not(.flat).Left, #MyExpander button:not(.flat).Left,
#MyExpander button:not(.flat) + combobox, #MyExpander button:not(.flat) + combobox,
#MyExpander combobox + button:not(.flat), #MyExpander combobox + button:not(.flat),
#MyExpander combobox + combobox, #MyExpander combobox + combobox
/* Crash
#MyExpander button + label, #MyExpander button + label,
#MyExpander combobox + label { #MyExpander combobox + label */ {
margin-left: 0.16667em; margin-left: 0.16667em;
} }
#MyExpander label + filechooserbutton, #MyExpander label + filechooserbutton,
@@ -1453,7 +1449,7 @@ window .view button {
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
min-height: 2em; min-height: 2em;
min-width: 1.33334em; min-width: 1.33334em;
padding: 0 0.33334em; padding: 0 0.33334em;
} }
dialog .view button.text-button label, dialog .view button.text-button label,
@@ -1462,20 +1458,21 @@ window .view button.text-button label {
} }
window .view button { window .view button {
border: none; border: none;
border-bottom: 1px solid @border-color; border-bottom: 0.08334em solid @border-color;
} }
dialog .view button { dialog .view button {
border-color: @border-color; border: 0.08334em solid @border-color;
} }
.view button:checked label,
.view button:checked, .view button:checked,
.view button:hover:not(:active) label,
.view button:hover:not(:active) { .view button:hover:not(:active) {
color: @headline-hl;
background-image: none; background-image: none;
background-color: @bg-list-hover; background-color: @bg-list-hover;
} }
.view button:checked label,
.view button:hover:not(:active) label {
color: @headline-hl;
}
dialog .view header button:not(:last-child):not(:only-child), dialog .view header button:not(:last-child):not(:only-child),
window .view header button:not(:last-child):not(:only-child), window .view header button:not(:last-child):not(:only-child),
@@ -1517,7 +1514,7 @@ window .view header button,
popover button.text-button { popover button.text-button {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
background-image: none; background-image: none;
border: 1px solid @border-color; border: 0.08334em solid @border-color;
box-shadow: none; box-shadow: none;
background-image: none; background-image: none;
margin: 0; margin: 0;
@@ -1559,7 +1556,7 @@ headerbar button.titlebutton image {
headerbar button.titlebutton { headerbar button.titlebutton {
margin: 0 0 0 0.33334em; margin: 0 0 0 0.33334em;
background-image: none; background-image: none;
border: 1px solid transparent; border: 0.08334em solid transparent;
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
min-width: 1.55em; min-width: 1.55em;
@@ -1582,14 +1579,14 @@ messagedialog headerbar button.titlebutton {
#MainNotebook tab #CloseButton:hover, #MainNotebook tab #CloseButton:hover,
headerbar button.titlebutton: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.11); box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.11);
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,.20); background-color: rgba(128, 128, 128,.20);
} }
#MainNotebook > header > grid > button:active, #MainNotebook > header > grid > button:active,
headerbar button.titlebutton: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.15); box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.15);
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,.40); background-color: rgba(128, 128, 128,.40);
} }
@@ -1597,13 +1594,13 @@ headerbar button.titlebutton:active{
headerbar button.titlebutton.close:hover{ headerbar button.titlebutton.close:hover{
border-color: rgba(0,0,0,.8); border-color: rgba(0,0,0,.8);
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.32); box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.32);
} }
#MainNotebook tab #CloseButton:active, #MainNotebook tab #CloseButton:active,
headerbar button.titlebutton.close:active{ headerbar button.titlebutton.close:active{
border-color: rgba(0,0,0,.8); border-color: rgba(0,0,0,.8);
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 0.08334em rgba(242, 242, 242, 0.4);
} }
/**/ /**/
@@ -1642,14 +1639,6 @@ checkbutton label {
check { check {
border-radius: 0.16667em; border-radius: 0.16667em;
} }
check:checked {
padding: 0 2px 0 0;
min-width: calc(1.16667em - 2px);
}
check:indeterminate {
min-width: 1.16667em;
padding: 0;
}
radio{ radio{
border-radius: 1.16667em; border-radius: 1.16667em;
@@ -1676,7 +1665,7 @@ frame > checkbutton check{
} }
#PrefNotebook stack > box:nth-child(3) checkbutton, #PrefNotebook stack > box:nth-child(3) checkbutton,
#PrefNotebook stack > box:nth-child(4) checkbutton { #PrefNotebook stack > box:nth-child(4) checkbutton {
min-height: 2em; min-height: 1.83334em;
} }
#PrefNotebook radiobutton { #PrefNotebook radiobutton {
min-height: 2em; min-height: 2em;
@@ -1696,8 +1685,8 @@ entry {
min-height: 1.66667em; min-height: 1.66667em;
min-width: 0; min-width: 0;
border-radius: 0.2em; border-radius: 0.2em;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, 0.08), 0 0.08334em rgba(242, 242, 242, 0.1);
border: 1px solid @bg-entry-border; border: 0.08334em solid @bg-entry-border;
background-color: @bg-scale-entry; background-color: @bg-scale-entry;
} }
@@ -1708,8 +1697,8 @@ spinbutton {
min-width: 0; min-width: 0;
border-radius: 0.2em; border-radius: 0.2em;
background-color: @bg-scale-entry; background-color: @bg-scale-entry;
border: 1px solid @bg-entry-border; border: 0.08334em solid @bg-entry-border;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, 0.08), 0 0.08334em rgba(242, 242, 242, 0.1);
} }
#MyExpander spinbutton { #MyExpander spinbutton {
@@ -1720,9 +1709,9 @@ spinbutton {
border-top-left-radius: 1.83334em; border-top-left-radius: 1.83334em;
border-bottom-left-radius: 1.83334em; border-bottom-left-radius: 1.83334em;
background-color: shade(@bg-grey, 1.33); background-color: shade(@bg-grey, 1.33);
border: 1px solid @bg-button-border; border: 0.08334em solid @bg-button-border;
color: @text-tbEntry; color: @text-tbEntry;
box-shadow: inset 1px 1px rgba(0, 0, 0, .12), 0 1px rgba(255, 255, 255, 0.12); box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, .12), 0 0.08334em rgba(255, 255, 255, 0.12);
} }
#MyExpander button + label + spinbutton { #MyExpander button + label + spinbutton {
margin: 0.25em 0; /* Needed for Reset & and Auto button height*/ margin: 0.25em 0; /* Needed for Reset & and Auto button height*/
@@ -1808,7 +1797,7 @@ entry:focus > selection {
.view entry { .view entry {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
margin: 0 -2px; margin: 0 -2px;
border: 1px solid @accent-color; border: 0.08334em solid @accent-color;
box-shadow: none; box-shadow: none;
} }
/* end*/ /* end*/
@@ -1822,14 +1811,14 @@ entry:focus > selection {
border-radius: 0.41667em 0.41667em 0 0; border-radius: 0.41667em 0.41667em 0 0;
border: none; border: none;
padding: 0; padding: 0;
box-shadow: 0 0.25em 0.75em 1px rgba(0, 0, 0, 0.5), 0 0 0 1px @bg-dark-grey; box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.5), 0 0 0 0.08334em @bg-dark-grey;
margin: 0.83334em; margin: 0.83334em;
} }
headerbar { headerbar {
background-color: shade(@winHeaderbar,1.12); background-color: shade(@winHeaderbar,1.12);
box-shadow: inset 0 1px rgba(200,200,200,.13); box-shadow: inset 0 0.08334em rgba(200,200,200,.13);
background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86)); background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86));
border-bottom: 1px solid @bg-dark-grey; border-bottom: 0.08334em solid @bg-dark-grey;
border-radius: 0.41667em 0.41667em 0 0; border-radius: 0.41667em 0.41667em 0 0;
min-height: 2.16667em; min-height: 2.16667em;
padding: 0.08334em 0.41667em 0; padding: 0.08334em 0.41667em 0;
@@ -1851,7 +1840,7 @@ headerbar .title{
/* Window in background */ /* Window in background */
:not(.popup):not(tooltip) > decoration:backdrop { :not(.popup):not(tooltip) > decoration:backdrop {
box-shadow: 0 0.25em 0.75em 1px rgba(0, 0, 0, 0.3), 0 0 0 1px @bg-dark-grey; box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.3), 0 0 0 0.08334em @bg-dark-grey;
} }
headerbar:backdrop { headerbar:backdrop {
box-shadow: none; box-shadow: none;

201
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-2017 TooWaBoo Copyright (c) 2016-2017 TooWaBoo
Version 2.42 - requires RT 5.0 Version 2.44 - requires RT 5.0
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
@@ -105,7 +105,7 @@ messagedialog {
} }
tooltip { tooltip {
background-color: @bg-tooltip; background-color: @bg-tooltip;
border: 1px solid @border-tooltip; border: 0.08334em solid @border-tooltip;
border-radius: 0.33334em; border-radius: 0.33334em;
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -180,7 +180,7 @@ frame > border {
dialog frame > border { dialog frame > border {
padding: 0.5em; padding: 0.5em;
border-radius: 0; border-radius: 0;
border: 1px solid @border-color; border: 0.08334em solid @border-color;
background-color: transparent; background-color: transparent;
margin: 0 -0.5em; margin: 0 -0.5em;
} }
@@ -241,11 +241,11 @@ textview:selected, treeview:selected {
} }
#RightNotebook > stack > :nth-child(3) treeview { #RightNotebook > stack > :nth-child(3) treeview {
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
border-bottom: none; border-bottom: none;
} }
#PlacesPaned > :nth-child(1) treeview { #PlacesPaned > box:nth-child(1) treeview {
padding: 0.08334em 0 0.08334em 0.5em; padding: 0.08334em 0 0.08334em 0.5em;
-gtk-icon-style: symbolic; -gtk-icon-style: symbolic;
} }
@@ -275,15 +275,15 @@ textview:selected, treeview:selected {
margin-bottom: 0.41667em; margin-bottom: 0.41667em;
} }
#PlacesPaned > box:nth-child(3) > :nth-child(2), #PlacesPaned > box:nth-child(3) > box:nth-child(2),
#PlacesPaned > box:nth-child(1) > :nth-child(1), #PlacesPaned > box:nth-child(1) > :nth-child(1),
#HistoryPanel > border, #HistoryPanel > border,
#Snapshots > box > :nth-child(1) { #Snapshots > box > :nth-child(1) {
padding: 1px;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
border: 0.08334em solid @bg-dark-grey;
} }
/*Corrects the space for the snapshot view of the paned separator*/ /*Corrects the space of the snapshot view to the paned separator*/
#Snapshots { #Snapshots {
margin-top: -0.33334em; margin-top: -0.33334em;
} }
@@ -321,11 +321,11 @@ filechooser box {
} }
filechooser > box > paned > box { filechooser > box > paned > box {
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
} }
filechooser placessidebar { filechooser placessidebar {
padding: 0 1px; padding: 0 0.08334em;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
} }
@@ -362,7 +362,7 @@ filechooser list row:selected {
} }
#HistogramArea, #HistogramArea,
#HistogramRGBArea { #HistogramRGBArea {
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
} }
@@ -372,7 +372,7 @@ filechooser list row:selected {
margin: 0; margin: 0;
border-color: @bg-light-grey; border-color: @bg-light-grey;
border-style: solid; border-style: solid;
border-width: 0 0 0 1px; border-width: 0 0 0 0.08334em;
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
@@ -385,7 +385,7 @@ filechooser list row:selected {
} }
#EditorLeftPaned #fullButton, #EditorLeftPaned #fullButton,
#EditorLeftPaned #histButton { #EditorLeftPaned #histButton {
border-width: 0 1px 0 0; border-width: 0 0.08334em 0 0;
} }
/*** end ***************************************************************************************/ /*** end ***************************************************************************************/
@@ -467,8 +467,8 @@ menu separator {
/*** PartialPaste ******************************************************************************/ /*** PartialPaste ******************************************************************************/
#PartialPaste { #PartialPaste {
border-bottom: 1px solid @border-color; border-bottom: 0.08334em solid @border-color;
border-top: 1px solid @border-color; border-top: 0.08334em solid @border-color;
padding-top: 0.5em; padding-top: 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
} }
@@ -518,10 +518,10 @@ scrollbar:not(.overlay-indicator) {
background-color: rgba(0,0,0,.30); background-color: rgba(0,0,0,.30);
} }
scrollbar:not(.overlay-indicator).horizontal { scrollbar:not(.overlay-indicator).horizontal {
border-width: 0 1px 1px 1px; border-width: 0 0.08334em 0.08334em 0.08334em;
} }
scrollbar:not(.overlay-indicator).vertical { scrollbar:not(.overlay-indicator).vertical {
border-width: 1px 1px 1px 0; border-width: 0.08334em 0.08334em 0.08334em 0;
} }
scrollbar:not(.overlay-indicator) slider { scrollbar:not(.overlay-indicator) slider {
background-color: shade(@text-color, .9); background-color: shade(@text-color, .9);
@@ -593,7 +593,7 @@ scale slider {
margin: calc(-0.33334em - 1px); margin: calc(-0.33334em - 1px);
border-radius: 0.83334em; border-radius: 0.83334em;
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));
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
box-shadow: none; box-shadow: none;
} }
scale slider:hover { scale slider:hover {
@@ -603,14 +603,14 @@ scale slider:hover {
scale trough { scale trough {
margin: 0.5em; /* has to be half of "scale slider / min-width min-height*/ margin: 0.5em; /* 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: 0.08334em solid @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 0.08334em rgba(255, 255, 255, 0.11), 0 0.08334em rgba(242, 242, 242, 0.11);
border-radius: 0.5em; border-radius: 0.5em;
} }
scale:not(:disabled) trough highlight { scale:not(:disabled) trough highlight {
background-color: @accent-color2; background-color: @accent-color2;
border-color: @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
box-shadow: inset 0 1px shade(@accent-color2, 1.3); box-shadow: inset 0 0.08334em shade(@accent-color2, 1.3);
border-radius: 0.5em; border-radius: 0.5em;
} }
@@ -671,7 +671,7 @@ progressbar.horizontal trough progress {
#IopsPanel progressbar.horizontal trough { #IopsPanel progressbar.horizontal trough {
min-height: 0.5em; min-height: 0.5em;
background-color: @bg-scale-entry; background-color: @bg-scale-entry;
border: 1px solid @bg-button-border; border: 0.08334em solid @bg-button-border;
margin-top: 0.25em; margin-top: 0.25em;
} }
#IopsPanel progressbar.horizontal trough progress { #IopsPanel progressbar.horizontal trough progress {
@@ -770,8 +770,9 @@ dialog notebook stack {
#MainNotebook > stack { #MainNotebook > stack {
padding: 0.41667em; padding: 0.41667em;
} }
#MainNotebook > stack > :nth-child(2) > :nth-child(2) {
margin-bottom: 0.33334em; #MainNotebook > stack > :nth-child(2) > box:nth-child(3) {
margin-top: 0.41667em;
} }
@@ -801,10 +802,11 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
background-color: @bg-grey; background-color: @bg-grey;
padding: 0; padding: 0;
} }
#RightNotebook > stack > :nth-child(3),
#RightNotebook > stack > :nth-child(4) { #RightNotebook > stack > :nth-child(3) > * > box,
#RightNotebook > stack > :nth-child(4) > * > box {
padding: 0.5em; padding: 0.5em;
border: 1px solid @bg-entry-border; border: 0.08334em solid @bg-entry-border;
} }
#PrefNotebook header { #PrefNotebook header {
@@ -813,8 +815,9 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
#AboutNotebook header { #AboutNotebook header {
margin: -0.66667em -0.66667em 0.66667em; margin: -0.66667em -0.66667em 0.66667em;
} }
#AboutNotebook stack > * > * > * {
background-color: @dark-grey; #AboutNotebook stack text {
background-color: @bg-dark-grey;
} }
/* 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.
@@ -873,7 +876,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
margin: 0; margin: 0;
} }
#MetaPanelNotebook .view { #MetaPanelNotebook .view {
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
padding: 0.16667em; padding: 0.16667em;
margin: 0; margin: 0;
} }
@@ -894,8 +897,8 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
min-width: 1.66667em; min-width: 1.66667em;
} }
#MetaPanelNotebook > stack > box > grid > button { #MetaPanelNotebook > stack > box > grid > button {
margin-top: 1px; margin-top: 0.08334em;
margin-bottom: 1px; margin-bottom: 0.08334em;
min-height: 2.16667em; min-height: 2.16667em;
} }
@@ -908,7 +911,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
/*** File Browser ******************************************************************************/ /*** File Browser ******************************************************************************/
#FileCatalog { #FileCatalog {
background-color: @bg-image; background-color: @bg-image;
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
} }
#FileCatalog:selected { #FileCatalog:selected {
background-color: @accent-color3; background-color: @accent-color3;
@@ -949,7 +952,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
min-width: 1.66667em; min-width: 1.66667em;
margin: 0 0 0 -1.66667em; margin: 0 0 0 -1.66667em;
border-radius: 0 0.2em 0.2em 0; border-radius: 0 0.2em 0.2em 0;
border: 1px solid transparent; border: 0.08334em solid transparent;
padding: 0; padding: 0;
} }
#ToolBarPanelFileBrowser entry, #ToolBarPanelFileBrowser entry,
@@ -972,25 +975,17 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
#BeforeAfterContainer { #BeforeAfterContainer {
background-color: @bg-grey; background-color: @bg-grey;
border: 1px solid @bg-dark-grey; border: 0.08334em solid @bg-dark-grey;
border-radius: 0; border-radius: 0;
padding: 0; padding: 0;
margin: 0.41667em 0; margin: 0.41667em 0;
} }
#BeforeAfterContainer > box:nth-child(1) frame { #BeforeAfterContainer > box:nth-child(2) > box:nth-child(2),
background-color: @bg-image; #BeforeAfterContainer > box:nth-child(1) > box:nth-child(2){
border-top: 1px solid @bg-dark-grey; border-top: 0.08334em solid @bg-dark-grey;
border-radius: 0;
padding: 0;
margin: -1px 0 0 0;
} }
#BeforeAfterContainer > box:nth-child(2) frame { #BeforeAfterContainer > box:nth-child(2){
background-color: @bg-image; border-left: 0.08334em solid @bg-dark-grey;
border-top: 1px solid @bg-dark-grey;
border-left: 1px solid @bg-dark-grey;
border-radius: 0;
padding: 0;
margin: -1px 0 0 0;
} }
#BeforeAfterContainer label { #BeforeAfterContainer label {
@@ -1000,8 +995,8 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
/* Small Lock Button */ /* Small Lock Button */
#BeforeAfterContainer button { #BeforeAfterContainer button {
min-height: 1.66667em; min-height: 1.66667em;
min-width: 1.66667em; min-width: 1.75em;
margin: 0.25em 0 0.33334em; margin: 0.25em;
padding: 0 0 0 0.08334em; padding: 0 0 0 0.08334em;
} }
/**/ /**/
@@ -1034,7 +1029,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
min-width: 0; min-width: 0;
margin: 0 0.16667em; margin: 0 0.16667em;
padding: 0 0.16667em; padding: 0 0.16667em;
border: 1px solid transparent; border: 0.08334em solid transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
@@ -1042,13 +1037,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
#EditorTopPanel > box > box > button:hover { #EditorTopPanel > box > box > button:hover {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border: 1px solid transparent; border: 0.08334em solid transparent;
box-shadow: none; box-shadow: none;
} }
#EditorTopPanel > box > box > button:checked { #EditorTopPanel > box > box > button:checked {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border: 1px solid @bg-button-border; border: 0.08334em solid @bg-button-border;
box-shadow: none; box-shadow: none;
} }
@@ -1077,13 +1072,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
} }
/**/ /**/
#MyExpander .drawingarea:not(.slider) { #MyExpander .drawingarea:not(.slider) {
border: 1px solid @bg-light-grey; border: 0.08334em 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: 0.08334em solid rgb(15,15,15);
} }
#MyExpander .drawingarea:disabled { #MyExpander .drawingarea:disabled {
background-color: shade(@bg-grey,.85); background-color: shade(@bg-grey,.85);
@@ -1114,7 +1109,7 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
/* Sub-tool (MyExpander) */ /* Sub-tool (MyExpander) */
#ExpanderBox2 > box, #ExpanderBox2 > grid { #ExpanderBox2 > box, #ExpanderBox2 > grid {
background-color: transparent; background-color: transparent;
border: 1px solid @border-color; border: 0.08334em solid @border-color;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
padding: 0.5em; padding: 0.5em;
@@ -1143,13 +1138,13 @@ window.csd:not(.fullscreen) #MainNotebook > header.top {
border: none; border: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.50), 0 0 0 1px @bg-dark-grey; box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.50), 0 0 0 0.08334em @bg-dark-grey;
} }
menu { menu {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
border: 1px solid @accent-color; border: 0.08334em solid @accent-color;
padding: 1px; padding: 0.08334em;
margin: 0; margin: 0;
} }
menu > .top, menu > .top,
@@ -1159,12 +1154,12 @@ menu > .bottom:hover {
background-color: transparent; background-color: transparent;
border: none; border: none;
padding: 0.5em; padding: 0.5em;
min-height: 2em; min-height: 1.5em;
} }
menuitem { menuitem {
padding: 0 0.33334em; padding: 0 0.33334em;
margin: 1px; margin: 0.08334em;
min-height: 2em; min-height: 2em;
} }
menuitem:hover { menuitem:hover {
@@ -1187,11 +1182,11 @@ entry > window > frame {
} }
entry > window > frame > border { entry > window > frame > border {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
padding: 1px; padding: 0.08334em;
border: 1px solid @accent-color; border: 0.08334em solid @accent-color;
} }
.csd entry > window > frame > border { .csd entry > window > frame > border {
margin: 1px; margin: 0.08334em;
} }
/* end */ /* end */
@@ -1203,7 +1198,7 @@ entry > window > frame > border {
} }
popover.background { popover.background {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
border-color: @accent-color; border: 0.08334em solid @accent-color;
border-radius: 0; border-radius: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -1236,9 +1231,9 @@ button {
margin: 0; margin: 0;
padding: 0; /* x */ padding: 0; /* x */
border-radius: 0.2em; border-radius: 0.2em;
border: 1px solid @bg-button-border; border: 0.08334em solid @bg-button-border;
background-color: transparent; background-color: transparent;
box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0 0.08334em 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));
} }
button.flat { button.flat {
@@ -1250,7 +1245,7 @@ button.text-button label {
#MainNotebook > header > grid > button, #MainNotebook > header > grid > button,
button.flat { button.flat {
border: 1px solid transparent; border: 0.08334em solid transparent;
box-shadow: none; box-shadow: none;
background-image: none; background-image: none;
background-color: transparent; background-color: transparent;
@@ -1301,7 +1296,7 @@ scale + button.flat {
button.flat:hover, button.flat:hover,
button:hover { button:hover {
border-color: @bg-button-border; border-color: @bg-button-border;
box-shadow: inset 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0 0.08334em 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: @bg-button-hover; background-color: @bg-button-hover;
} }
@@ -1313,7 +1308,7 @@ button.flat:checked,
button:active, button:active,
button:checked { button:checked {
border-color: @bg-button-border; border-color: @bg-button-border;
box-shadow: inset 0 1px rgba(242, 242, 242, 0.08); box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.08);
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: @bg-button-active; background-color: @bg-button-active;
} }
@@ -1322,7 +1317,7 @@ button:checked {
button.Right, button.Right,
button.MiddleH { button.MiddleH {
margin-left: 0.16667em; margin-left: 0.16667em;
border: 1px solid @bg-button-border; border: 0.08334em solid @bg-button-border;
} }
/**/ /**/
@@ -1364,9 +1359,10 @@ dialog combobox .combo,
#MyExpander button:not(.flat).Left, #MyExpander button:not(.flat).Left,
#MyExpander button:not(.flat) + combobox, #MyExpander button:not(.flat) + combobox,
#MyExpander combobox + button:not(.flat), #MyExpander combobox + button:not(.flat),
#MyExpander combobox + combobox, #MyExpander combobox + combobox
/* Crash
#MyExpander button + label, #MyExpander button + label,
#MyExpander combobox + label { #MyExpander combobox + label */ {
margin-left: 0.16667em; margin-left: 0.16667em;
} }
#MyExpander label + filechooserbutton, #MyExpander label + filechooserbutton,
@@ -1453,7 +1449,7 @@ window .view button {
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
min-height: 2em; min-height: 2em;
min-width: 1.33334em; min-width: 1.33334em;
padding: 0 0.33334em; padding: 0 0.33334em;
} }
dialog .view button.text-button label, dialog .view button.text-button label,
@@ -1462,20 +1458,21 @@ window .view button.text-button label {
} }
window .view button { window .view button {
border: none; border: none;
border-bottom: 1px solid @border-color; border-bottom: 0.08334em solid @border-color;
} }
dialog .view button { dialog .view button {
border-color: @border-color; border: 0.08334em solid @border-color;
} }
.view button:checked label,
.view button:checked, .view button:checked,
.view button:hover:not(:active) label,
.view button:hover:not(:active) { .view button:hover:not(:active) {
color: @headline-hl;
background-image: none; background-image: none;
background-color: @bg-list-hover; background-color: @bg-list-hover;
} }
.view button:checked label,
.view button:hover:not(:active) label {
color: @headline-hl;
}
dialog .view header button:not(:last-child):not(:only-child), dialog .view header button:not(:last-child):not(:only-child),
window .view header button:not(:last-child):not(:only-child), window .view header button:not(:last-child):not(:only-child),
@@ -1517,7 +1514,7 @@ window .view header button,
popover button.text-button { popover button.text-button {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
background-image: none; background-image: none;
border: 1px solid @border-color; border: 0.08334em solid @border-color;
box-shadow: none; box-shadow: none;
background-image: none; background-image: none;
margin: 0; margin: 0;
@@ -1559,7 +1556,7 @@ headerbar button.titlebutton image {
headerbar button.titlebutton { headerbar button.titlebutton {
margin: 0 0 0 0.33334em; margin: 0 0 0 0.33334em;
background-image: none; background-image: none;
border: 1px solid transparent; border: 0.08334em solid transparent;
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
min-width: 1.55em; min-width: 1.55em;
@@ -1582,14 +1579,14 @@ messagedialog headerbar button.titlebutton {
#MainNotebook tab #CloseButton:hover, #MainNotebook tab #CloseButton:hover,
headerbar button.titlebutton: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.11); box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.11);
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,.20); background-color: rgba(128, 128, 128,.20);
} }
#MainNotebook > header > grid > button:active, #MainNotebook > header > grid > button:active,
headerbar button.titlebutton: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.15); box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.15);
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,.40); background-color: rgba(128, 128, 128,.40);
} }
@@ -1597,13 +1594,13 @@ headerbar button.titlebutton:active{
headerbar button.titlebutton.close:hover{ headerbar button.titlebutton.close:hover{
border-color: rgba(0,0,0,.8); border-color: rgba(0,0,0,.8);
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.32); box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.32);
} }
#MainNotebook tab #CloseButton:active, #MainNotebook tab #CloseButton:active,
headerbar button.titlebutton.close:active{ headerbar button.titlebutton.close:active{
border-color: rgba(0,0,0,.8); border-color: rgba(0,0,0,.8);
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 0.08334em rgba(242, 242, 242, 0.4);
} }
/**/ /**/
@@ -1642,14 +1639,6 @@ checkbutton label {
check { check {
border-radius: 0.16667em; border-radius: 0.16667em;
} }
check:checked {
padding: 0 2px 0 0;
min-width: calc(1.16667em - 2px);
}
check:indeterminate {
min-width: 1.16667em;
padding: 0;
}
radio{ radio{
border-radius: 1.16667em; border-radius: 1.16667em;
@@ -1676,7 +1665,7 @@ frame > checkbutton check{
} }
#PrefNotebook stack > box:nth-child(3) checkbutton, #PrefNotebook stack > box:nth-child(3) checkbutton,
#PrefNotebook stack > box:nth-child(4) checkbutton { #PrefNotebook stack > box:nth-child(4) checkbutton {
min-height: 2em; min-height: 1.83334em;
} }
#PrefNotebook radiobutton { #PrefNotebook radiobutton {
min-height: 2em; min-height: 2em;
@@ -1696,8 +1685,8 @@ entry {
min-height: 1.66667em; min-height: 1.66667em;
min-width: 0; min-width: 0;
border-radius: 0.2em; border-radius: 0.2em;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, 0.08), 0 0.08334em rgba(242, 242, 242, 0.1);
border: 1px solid @bg-entry-border; border: 0.08334em solid @bg-entry-border;
background-color: @bg-scale-entry; background-color: @bg-scale-entry;
} }
@@ -1708,8 +1697,8 @@ spinbutton {
min-width: 0; min-width: 0;
border-radius: 0.2em; border-radius: 0.2em;
background-color: @bg-scale-entry; background-color: @bg-scale-entry;
border: 1px solid @bg-entry-border; border: 0.08334em solid @bg-entry-border;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242, 242, 242, 0.1); box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, 0.08), 0 0.08334em rgba(242, 242, 242, 0.1);
} }
#MyExpander spinbutton { #MyExpander spinbutton {
@@ -1720,9 +1709,9 @@ spinbutton {
border-top-left-radius: 1.83334em; border-top-left-radius: 1.83334em;
border-bottom-left-radius: 1.83334em; border-bottom-left-radius: 1.83334em;
background-color: shade(@bg-grey, 1.33); background-color: shade(@bg-grey, 1.33);
border: 1px solid @bg-button-border; border: 0.08334em solid @bg-button-border;
color: @text-tbEntry; color: @text-tbEntry;
box-shadow: inset 1px 1px rgba(0, 0, 0, .12), 0 1px rgba(255, 255, 255, 0.12); box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, .12), 0 0.08334em rgba(255, 255, 255, 0.12);
} }
#MyExpander button + label + spinbutton { #MyExpander button + label + spinbutton {
margin: 0.25em 0; /* Needed for Reset & and Auto button height*/ margin: 0.25em 0; /* Needed for Reset & and Auto button height*/
@@ -1808,7 +1797,7 @@ entry:focus > selection {
.view entry { .view entry {
background-color: @bg-dark-grey; background-color: @bg-dark-grey;
margin: 0 -2px; margin: 0 -2px;
border: 1px solid @accent-color; border: 0.08334em solid @accent-color;
box-shadow: none; box-shadow: none;
} }
/* end*/ /* end*/
@@ -1822,14 +1811,14 @@ entry:focus > selection {
border-radius: 0.41667em 0.41667em 0 0; border-radius: 0.41667em 0.41667em 0 0;
border: none; border: none;
padding: 0; padding: 0;
box-shadow: 0 0.25em 0.75em 1px rgba(0, 0, 0, 0.5), 0 0 0 1px @bg-dark-grey; box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.5), 0 0 0 0.08334em @bg-dark-grey;
margin: 0.83334em; margin: 0.83334em;
} }
headerbar { headerbar {
background-color: shade(@winHeaderbar,1.12); background-color: shade(@winHeaderbar,1.12);
box-shadow: inset 0 1px rgba(200,200,200,.13); box-shadow: inset 0 0.08334em rgba(200,200,200,.13);
background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86)); background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86));
border-bottom: 1px solid @bg-dark-grey; border-bottom: 0.08334em solid @bg-dark-grey;
border-radius: 0.41667em 0.41667em 0 0; border-radius: 0.41667em 0.41667em 0 0;
min-height: 2.16667em; min-height: 2.16667em;
padding: 0.08334em 0.41667em 0; padding: 0.08334em 0.41667em 0;
@@ -1851,7 +1840,7 @@ headerbar .title{
/* Window in background */ /* Window in background */
:not(.popup):not(tooltip) > decoration:backdrop { :not(.popup):not(tooltip) > decoration:backdrop {
box-shadow: 0 0.25em 0.75em 1px rgba(0, 0, 0, 0.3), 0 0 0 1px @bg-dark-grey; box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.3), 0 0 0 0.08334em @bg-dark-grey;
} }
headerbar:backdrop { headerbar:backdrop {
box-shadow: none; box-shadow: none;