1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
This commit is contained in:
Horst3180 2016-03-02 13:28:11 +01:00
parent d271e75c97
commit c6048e47d0
7 changed files with 155 additions and 193 deletions

View File

@ -59,6 +59,9 @@ textview text {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
textview {
background-color: #3c414e; }
iconview { iconview {
color: #D3DAE3; color: #D3DAE3;
background-color: #404552; } background-color: #404552; }
@ -105,12 +108,9 @@ assistant .sidebar label.highlight {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
textview { popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
background-color: #3c414e; }
popover.osd, popover.magnifier,
popover.background.osd, popover.background.osd,
popover.background.magnifier, .osd { popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
color: #BAC3CF; color: #BAC3CF;
border: none; border: none;
background-color: rgba(53, 57, 69, 0.95); background-color: rgba(53, 57, 69, 0.95);
@ -429,17 +429,11 @@ button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 0; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:first-child { button.text-button.image-button label {
padding-left: 12px; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -1307,7 +1301,8 @@ treeview.view {
treeview.view:disabled:selected { treeview.view:disabled:selected {
color: #97bfee; } color: #97bfee; }
treeview.view.separator { treeview.view.separator {
min-height: 2px; } min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
treeview.view.dnd { treeview.view.dnd {
border-style: solid none; border-style: solid none;
border-width: 1px; border-width: 1px;
@ -1423,8 +1418,9 @@ menu,
background-color: #383C4A; } background-color: #383C4A; }
menu menuitem, menu menuitem,
.menu menuitem { .menu menuitem {
padding: 4px; min-height: 16px;
min-width: 40px; min-width: 40px;
padding: 4px;
border: solid transparent; border: solid transparent;
border-width: 1px 0 1px 0; } border-width: 1px 0 1px 0; }
menu menuitem:hover, menu menuitem:hover,
@ -2208,8 +2204,7 @@ separator, .sidebar separator, .sidebar .view separator {
list { list {
background-color: #404552; background-color: #404552;
border-color: #2b2e39; } border-color: #2b2e39; }
list row {
row {
padding: 2px; } padding: 2px; }
row.activatable.has-open-popup, row.activatable:hover { row.activatable.has-open-popup, row.activatable:hover {
@ -2230,9 +2225,9 @@ row.activatable:selected:disabled {
row.activatable:selected:disabled label { row.activatable:selected:disabled label {
color: inherit; } color: inherit; }
row, row.activatable { row {
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:hover, row.activatable:hover { row:hover {
transition: none; } transition: none; }
.app-notification { .app-notification {
@ -2579,8 +2574,8 @@ button.color {
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; } background-color: #505666; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection, .csd popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection, .csd popover.background.touch-selection {
font: initial; } font: initial; }
.monospace { .monospace {

View File

@ -59,6 +59,9 @@ textview text {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
textview {
background-color: #fafbfb; }
iconview { iconview {
color: #5c616c; color: #5c616c;
background-color: #ffffff; } background-color: #ffffff; }
@ -105,12 +108,9 @@ assistant .sidebar label.highlight {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
textview { popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
background-color: #fafbfb; }
popover.osd, popover.magnifier,
popover.background.osd, popover.background.osd,
popover.background.magnifier, .osd { popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
color: #BAC3CF; color: #BAC3CF;
border: none; border: none;
background-color: rgba(53, 57, 69, 0.95); background-color: rgba(53, 57, 69, 0.95);
@ -428,17 +428,11 @@ button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 0; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:first-child { button.text-button.image-button label {
padding-left: 12px; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -1306,7 +1300,8 @@ treeview.view {
treeview.view:disabled:selected { treeview.view:disabled:selected {
color: #97bfee; } color: #97bfee; }
treeview.view.separator { treeview.view.separator {
min-height: 2px; } min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
treeview.view.dnd { treeview.view.dnd {
border-style: solid none; border-style: solid none;
border-width: 1px; border-width: 1px;
@ -1422,8 +1417,9 @@ menu,
background-color: #ffffff; } background-color: #ffffff; }
menu menuitem, menu menuitem,
.menu menuitem { .menu menuitem {
padding: 4px; min-height: 16px;
min-width: 40px; min-width: 40px;
padding: 4px;
border: solid transparent; border: solid transparent;
border-width: 1px 0 1px 0; } border-width: 1px 0 1px 0; }
menu menuitem:hover, menu menuitem:hover,
@ -2207,8 +2203,7 @@ separator, .sidebar separator, .sidebar .view separator {
list { list {
background-color: #ffffff; background-color: #ffffff;
border-color: #dcdfe3; } border-color: #dcdfe3; }
list row {
row {
padding: 2px; } padding: 2px; }
row.activatable.has-open-popup, row.activatable:hover { row.activatable.has-open-popup, row.activatable:hover {
@ -2229,9 +2224,9 @@ row.activatable:selected:disabled {
row.activatable:selected:disabled label { row.activatable:selected:disabled label {
color: inherit; } color: inherit; }
row, row.activatable { row {
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:hover, row.activatable:hover { row:hover {
transition: none; } transition: none; }
.app-notification { .app-notification {
@ -2578,8 +2573,8 @@ button.color {
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection, .csd popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection, .csd popover.background.touch-selection {
font: initial; } font: initial; }
.monospace { .monospace {

View File

@ -59,6 +59,9 @@ textview text {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
textview {
background-color: #3c414e; }
iconview { iconview {
color: #D3DAE3; color: #D3DAE3;
background-color: #404552; } background-color: #404552; }
@ -105,12 +108,9 @@ assistant .sidebar label.highlight {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
textview { popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
background-color: #3c414e; }
popover.osd, popover.magnifier,
popover.background.osd, popover.background.osd,
popover.background.magnifier, .osd { popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
color: #BAC3CF; color: #BAC3CF;
border: none; border: none;
background-color: #353945; background-color: #353945;
@ -429,17 +429,11 @@ button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 0; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:first-child { button.text-button.image-button label {
padding-left: 12px; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -1307,7 +1301,8 @@ treeview.view {
treeview.view:disabled:selected { treeview.view:disabled:selected {
color: #97bfee; } color: #97bfee; }
treeview.view.separator { treeview.view.separator {
min-height: 2px; } min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
treeview.view.dnd { treeview.view.dnd {
border-style: solid none; border-style: solid none;
border-width: 1px; border-width: 1px;
@ -1423,8 +1418,9 @@ menu,
background-color: #383C4A; } background-color: #383C4A; }
menu menuitem, menu menuitem,
.menu menuitem { .menu menuitem {
padding: 4px; min-height: 16px;
min-width: 40px; min-width: 40px;
padding: 4px;
border: solid transparent; border: solid transparent;
border-width: 1px 0 1px 0; } border-width: 1px 0 1px 0; }
menu menuitem:hover, menu menuitem:hover,
@ -2208,8 +2204,7 @@ separator, .sidebar separator, .sidebar .view separator {
list { list {
background-color: #404552; background-color: #404552;
border-color: #2b2e39; } border-color: #2b2e39; }
list row {
row {
padding: 2px; } padding: 2px; }
row.activatable.has-open-popup, row.activatable:hover { row.activatable.has-open-popup, row.activatable:hover {
@ -2230,9 +2225,9 @@ row.activatable:selected:disabled {
row.activatable:selected:disabled label { row.activatable:selected:disabled label {
color: inherit; } color: inherit; }
row, row.activatable { row {
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:hover, row.activatable:hover { row:hover {
transition: none; } transition: none; }
.app-notification { .app-notification {
@ -2579,8 +2574,8 @@ button.color {
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; } background-color: #505666; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection, .csd popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection, .csd popover.background.touch-selection {
font: initial; } font: initial; }
.monospace { .monospace {

View File

@ -59,6 +59,9 @@ textview text {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
textview {
background-color: #fafbfb; }
iconview { iconview {
color: #5c616c; color: #5c616c;
background-color: #ffffff; } background-color: #ffffff; }
@ -105,12 +108,9 @@ assistant .sidebar label.highlight {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
textview { popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
background-color: #fafbfb; }
popover.osd, popover.magnifier,
popover.background.osd, popover.background.osd,
popover.background.magnifier, .osd { popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
color: #BAC3CF; color: #BAC3CF;
border: none; border: none;
background-color: #353945; background-color: #353945;
@ -428,17 +428,11 @@ button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 0; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:first-child { button.text-button.image-button label {
padding-left: 12px; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -1306,7 +1300,8 @@ treeview.view {
treeview.view:disabled:selected { treeview.view:disabled:selected {
color: #97bfee; } color: #97bfee; }
treeview.view.separator { treeview.view.separator {
min-height: 2px; } min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
treeview.view.dnd { treeview.view.dnd {
border-style: solid none; border-style: solid none;
border-width: 1px; border-width: 1px;
@ -1422,8 +1417,9 @@ menu,
background-color: #ffffff; } background-color: #ffffff; }
menu menuitem, menu menuitem,
.menu menuitem { .menu menuitem {
padding: 4px; min-height: 16px;
min-width: 40px; min-width: 40px;
padding: 4px;
border: solid transparent; border: solid transparent;
border-width: 1px 0 1px 0; } border-width: 1px 0 1px 0; }
menu menuitem:hover, menu menuitem:hover,
@ -2207,8 +2203,7 @@ separator, .sidebar separator, .sidebar .view separator {
list { list {
background-color: #ffffff; background-color: #ffffff;
border-color: #dcdfe3; } border-color: #dcdfe3; }
list row {
row {
padding: 2px; } padding: 2px; }
row.activatable.has-open-popup, row.activatable:hover { row.activatable.has-open-popup, row.activatable:hover {
@ -2229,9 +2224,9 @@ row.activatable:selected:disabled {
row.activatable:selected:disabled label { row.activatable:selected:disabled label {
color: inherit; } color: inherit; }
row, row.activatable { row {
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:hover, row.activatable:hover { row:hover {
transition: none; } transition: none; }
.app-notification { .app-notification {
@ -2578,8 +2573,8 @@ button.color {
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection, .csd popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection, .csd popover.background.touch-selection {
font: initial; } font: initial; }
.monospace { .monospace {

View File

@ -59,6 +59,9 @@ textview text {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
textview {
background-color: #fafbfb; }
iconview { iconview {
color: #5c616c; color: #5c616c;
background-color: #ffffff; } background-color: #ffffff; }
@ -105,12 +108,9 @@ assistant .sidebar label.highlight {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
textview { popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
background-color: #fafbfb; }
popover.osd, popover.magnifier,
popover.background.osd, popover.background.osd,
popover.background.magnifier, .osd { popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
color: #BAC3CF; color: #BAC3CF;
border: none; border: none;
background-color: #353945; background-color: #353945;
@ -428,17 +428,11 @@ button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 0; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:first-child { button.text-button.image-button label {
padding-left: 12px; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -1310,7 +1304,8 @@ treeview.view {
treeview.view:disabled:selected { treeview.view:disabled:selected {
color: #97bfee; } color: #97bfee; }
treeview.view.separator { treeview.view.separator {
min-height: 2px; } min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
treeview.view.dnd { treeview.view.dnd {
border-style: solid none; border-style: solid none;
border-width: 1px; border-width: 1px;
@ -1426,8 +1421,9 @@ menu,
background-color: #ffffff; } background-color: #ffffff; }
menu menuitem, menu menuitem,
.menu menuitem { .menu menuitem {
padding: 4px; min-height: 16px;
min-width: 40px; min-width: 40px;
padding: 4px;
border: solid transparent; border: solid transparent;
border-width: 1px 0 1px 0; } border-width: 1px 0 1px 0; }
menu menuitem:hover, menu menuitem:hover,
@ -2211,8 +2207,7 @@ separator, .sidebar separator, .sidebar .view separator {
list { list {
background-color: #ffffff; background-color: #ffffff;
border-color: #dcdfe3; } border-color: #dcdfe3; }
list row {
row {
padding: 2px; } padding: 2px; }
row.activatable.has-open-popup, row.activatable:hover { row.activatable.has-open-popup, row.activatable:hover {
@ -2233,9 +2228,9 @@ row.activatable:selected:disabled {
row.activatable:selected:disabled label { row.activatable:selected:disabled label {
color: inherit; } color: inherit; }
row, row.activatable { row {
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:hover, row.activatable:hover { row:hover {
transition: none; } transition: none; }
.app-notification { .app-notification {
@ -2582,8 +2577,8 @@ button.color {
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection, .csd popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection, .csd popover.background.touch-selection {
font: initial; } font: initial; }
.monospace { .monospace {

View File

@ -59,6 +59,9 @@ textview text {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
textview {
background-color: #fafbfb; }
iconview { iconview {
color: #5c616c; color: #5c616c;
background-color: #ffffff; } background-color: #ffffff; }
@ -105,12 +108,9 @@ assistant .sidebar label.highlight {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
textview { popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
background-color: #fafbfb; }
popover.osd, popover.magnifier,
popover.background.osd, popover.background.osd,
popover.background.magnifier, .osd { popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
color: #BAC3CF; color: #BAC3CF;
border: none; border: none;
background-color: rgba(53, 57, 69, 0.95); background-color: rgba(53, 57, 69, 0.95);
@ -428,17 +428,11 @@ button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button { button.text-button.image-button {
padding-left: 0; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:first-child { button.text-button.image-button label {
padding-left: 12px; padding-left: 8px;
padding-right: 0; } padding-right: 8px; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -1310,7 +1304,8 @@ treeview.view {
treeview.view:disabled:selected { treeview.view:disabled:selected {
color: #97bfee; } color: #97bfee; }
treeview.view.separator { treeview.view.separator {
min-height: 2px; } min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
treeview.view.dnd { treeview.view.dnd {
border-style: solid none; border-style: solid none;
border-width: 1px; border-width: 1px;
@ -1426,8 +1421,9 @@ menu,
background-color: #ffffff; } background-color: #ffffff; }
menu menuitem, menu menuitem,
.menu menuitem { .menu menuitem {
padding: 4px; min-height: 16px;
min-width: 40px; min-width: 40px;
padding: 4px;
border: solid transparent; border: solid transparent;
border-width: 1px 0 1px 0; } border-width: 1px 0 1px 0; }
menu menuitem:hover, menu menuitem:hover,
@ -2211,8 +2207,7 @@ separator, .sidebar separator, .sidebar .view separator {
list { list {
background-color: #ffffff; background-color: #ffffff;
border-color: #dcdfe3; } border-color: #dcdfe3; }
list row {
row {
padding: 2px; } padding: 2px; }
row.activatable.has-open-popup, row.activatable:hover { row.activatable.has-open-popup, row.activatable:hover {
@ -2233,9 +2228,9 @@ row.activatable:selected:disabled {
row.activatable:selected:disabled label { row.activatable:selected:disabled label {
color: inherit; } color: inherit; }
row, row.activatable { row {
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:hover, row.activatable:hover { row:hover {
transition: none; } transition: none; }
.app-notification { .app-notification {
@ -2582,8 +2577,8 @@ button.color {
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection, .csd popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection, .csd popover.background.touch-selection {
font: initial; } font: initial; }
.monospace { .monospace {

View File

@ -87,6 +87,10 @@ textview text {
} }
} }
textview { // This will get overridden by .view, needed by gedit line numbers
background-color: mix($bg_color, $base_color, 50%);
}
iconview { iconview {
color: $text_color; color: $text_color;
background-color: $base_color; background-color: $base_color;
@ -114,7 +118,7 @@ flowbox {
&:selected { &:selected {
outline-offset: -2px; outline-offset: -2px;
@extend %selected_items @extend %selected_items;
} }
} }
} }
@ -146,20 +150,16 @@ assistant {
&:dir(ltr) { border-right: 1px solid $borders_color; } &:dir(ltr) { border-right: 1px solid $borders_color; }
&:dir(rtl) { border-left: 1px solid $borders_color; } &:dir(rtl) { border-left: 1px solid $borders_color; }
} }
&.csd .sidebar { border-top-style: none; } &.csd .sidebar { border-top-style: none; }
.sidebar label { .sidebar label { padding: 6px 12px; }
padding: 6px 12px;
}
.sidebar label.highlight { .sidebar label.highlight {
background-color: $selected_bg_color; background-color: $selected_bg_color;
color: $selected_fg_color; color: $selected_fg_color;
} }
} }
textview { // This will get overridden by .view, needed by gedit line numbers
background-color: mix($bg_color, $base_color, 50%);
}
%osd, .osd { %osd, .osd {
color: $osd_fg_color; color: $osd_fg_color;
border: none; border: none;
@ -433,27 +433,12 @@ button {
} }
&.text-button.image-button { &.text-button.image-button {
// those buttons needs uneven horizontal padding, we want the icon side padding-left: 8px;
// to have the image-button padding, while the text side the text-button padding-right: 8px;
// one, so we're adding the missing padding to the label depending on
// its position inside the button
padding-left: 0;
padding-right: 0;
label { label {
&:first-child { padding-left: 8px;
padding-left: 12px; padding-right: 8px;
padding-right: 0;
}
&:last-child {
padding-left: 0;
padding-right: 12px;
}
}
image {
padding-left: 6px;
padding-right: 6px;
} }
} }
@ -728,6 +713,7 @@ modelbutton.flat arrow {
button:link, button:visited { button:link, button:visited {
@extend %undecorated_button; @extend %undecorated_button;
@extend *:link; @extend *:link;
&:hover, &:active, &:checked { &:hover, &:active, &:checked {
@extend %undecorated_button; @extend %undecorated_button;
} }
@ -1345,7 +1331,7 @@ treeview.view {
&:selected { &:selected {
border-radius: 0; border-radius: 0;
border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); border-left-color: mix($selected_fg_color, $selected_bg_color, 50%);
border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunately
@extend %selected_items; @extend %selected_items;
} }
@ -1357,7 +1343,10 @@ treeview.view {
} }
} }
&.separator { min-height: 2px; } &.separator {
min-height: 2px;
color: transparentize(black, 0.9);
}
&.dnd { &.dnd {
border-style: solid none; border-style: solid none;
@ -1367,6 +1356,7 @@ treeview.view {
&.expander { &.expander {
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
color: mix($fg_color, $base_color, 50%); color: mix($fg_color, $base_color, 50%);
@ -1378,9 +1368,7 @@ treeview.view {
&:hover { color: $selected_fg_color; } &:hover { color: $selected_fg_color; }
} }
&:checked { &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
}
} }
&.progressbar { // progress bar in treeviews &.progressbar { // progress bar in treeviews
@ -1466,7 +1454,7 @@ menubar,
//background-color: opacify($header_bg_backdrop, 1); //background-color: opacify($header_bg_backdrop, 1);
} }
& > menuitem { > menuitem {
padding: 6px 8px; padding: 6px 8px;
border: solid transparent; border: solid transparent;
border-width: 0; border-width: 0;
@ -1504,8 +1492,9 @@ menu,
} }
menuitem { menuitem {
padding: 4px; min-height: 16px;
min-width: 40px; min-width: 40px;
padding: 4px;
border: solid transparent; border: solid transparent;
border-width: 1px 0 1px 0; border-width: 1px 0 1px 0;
&:hover { &:hover {
@ -1592,10 +1581,12 @@ popover.background {
border-style: none; border-style: none;
background-color: transparent; background-color: transparent;
} }
&.osd, &.magnifier { @extend %osd; }
&, .csd & {
&.osd, &.magnifier { @extend %osd; }
&.touch-selection { @extend .context-menu } &.touch-selection { @extend .context-menu }
} }
}
//touch selection handlebars for the Popover.osd above //touch selection handlebars for the Popover.osd above
cursor-handle { cursor-handle {
@ -1955,6 +1946,7 @@ checkbutton, radiobutton {
&.text-button { &.text-button {
padding: 1px 2px 4px; padding: 1px 2px 4px;
outline-offset: 0; outline-offset: 0;
&:disabled, &:disabled,
&:disabled:active, &:disabled:active,
&:disabled:indeterminate { &:disabled:indeterminate {
@ -2162,7 +2154,6 @@ progressbar {
// Level Bar // Level Bar
// //
levelbar { levelbar {
block { block {
min-width: 32px; min-width: 32px;
min-height: 1px; min-height: 1px;
@ -2277,13 +2268,12 @@ separator {
list { list {
background-color: $base_color; background-color: $base_color;
border-color: $borders_color; border-color: $borders_color;
}
row { padding: 2px; } row { padding: 2px; }
}
row.activatable { row.activatable {
&.has-open-popup,
&.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
&:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); } &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); }
&:active { color: $fg_color; } &:active { color: $fg_color; }
@ -2308,7 +2298,7 @@ row:selected {
} }
// transition // transition
row, row.activatable { row {
transition: all 150ms $ease-out-quad; transition: all 150ms $ease-out-quad;
&:hover { transition: none; } &:hover { transition: none; }
} }
@ -2350,6 +2340,7 @@ expander {
min-width: 16px; min-width: 16px;
min-height: 16px; min-height: 16px;
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
&:hover { color: lighten($fg_color,30%); } //only lightens the arrow &:hover { color: lighten($fg_color,30%); } //only lightens the arrow
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
@ -2458,6 +2449,7 @@ filechooser {
stacksidebar { stacksidebar {
row { row {
padding: 10px 4px; padding: 10px 4px;
> label { > label {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;