gnome-classic.scss 2.89 KB
Newer Older
1 2 3
/* Use the gnome-shell theme, but with light colors */
$variant: 'light';

4 5 6
@import "gnome-shell-sass/_colors"; //use gtk colors
@import "gnome-shell-sass/_drawing";
@import "gnome-shell-sass/_common";
7 8 9

/* Overrides */

10
#panel, #panel.solid {
11
  font-weight: normal;
12
  background-color: $bg_color;
13 14 15 16 17 18 19 20 21 22 23 24 25
  background-gradient-direction: vertical;
  background-gradient-end: darken($bg_color,5%);
  border-top-color: #666; /* we don't support non-uniform border-colors and
                             use the top border color for any border, so we
                             need to set it even if all we want is a bottom
                             border */
  border-bottom: 1px solid #666;
  app-icon-bottom-clip: 0px;
  &:overview {
    background-color: #000;
    background-gradient-end: #000;
    border-top-color: #000;
    border-bottom: 1px solid #000;
26 27 28 29
    .panel-button { color: #fff; }
  }

  .panel-button {
30 31 32
    -natural-hpadding: 8px;
    -minimum-hpadding: 4px;
    font-weight: normal;
33
    color: $fg_color;
34
    text-shadow: none;
35 36 37 38 39 40 41 42
    &:active, &:overview, &:focus, &:checked {
      // Trick due to St limitations. It needs a background to draw
      // a box-shadow
      background-color: $selected_bg_color !important;
      color: $selected_fg_color !important;
      box-shadow: none;
      & > .system-status-icon { icon-shadow: none; }
    }
43 44 45 46
    &:hover {
      text-shadow: none;
      & .system-status-icon { icon-shadow: none; }
    }
47
    .app-menu-icon { width: 0; height: 0; margin: 0; } // shell's display:none; :D
48 49 50 51

    .system-status-icon {
      icon-shadow: none;
    }
52
  }
53

54 55 56 57
  .panel-corner,
  .panel-corner:active,
  .panel-corner:overview,
  .panel-corner:focus {
58
    -panel-corner-radius: 0;
59
  }
60 61
  &.lock-screen,
  &.unlock-screen, 
62 63 64 65
  &.login-screen { 
    background-color: transparentize($_bubble_bg_color, 0.5);
    background-gradient-start: transparentize($_bubble_bg_color, 0.5);
    background-gradient-end: transparentize($_bubble_bg_color, 0.5);
66
    border-bottom: none;
67 68
    .panel-button { color: $osd_fg_color; }
  }
69
  .popup-menu-arrow { width: 0; height: 0;  } // shell's display: none;
70 71
}

72 73 74 75
#appMenu { 
  padding: 0 8px 0 8px; 
  spinner-image: url("classic-process-working.svg"); 
}
76 77 78 79 80 81 82
.tile-preview-left.on-primary,
.tile-preview-right.on-primary,
.tile-preview-left.tile-preview-right.on-primary {
    /* keep in sync with -panel-corner-radius */
    border-radius: 0;
}

83 84 85 86 87 88 89
@each $v in us, intl {
  .toggle-switch-#{$v} {
    background-image: url("classic-toggle-off-#{$v}.svg");
    &:checked { background-image: url("classic-toggle-on-#{$v}.svg"); }
  }
}

90 91 92
.calendar-day-with-events {
  background-image: url("calendar-today.svg");
}
93 94 95 96

.message-list-clear-button.button {
  color: $fg_color
}
97 98 99 100 101 102 103 104 105

.notification-banner {
  background-color: $bg_color !important;
  color: $fg_color;
  .notification-button {
    background-color: darken($bg_color,5%);
    &:hover, &focus { background-color: darken($bg_color,2%); }
  }
}