Pileus Git - ~andy/gtk/blob - gtk/gtk-default.css

   1 @define-color fg_color #000;
   2 @define-color bg_color #dcdad5;
   3 @define-color text_color #000;
   4 @define-color base_color #fff;
   5 @define-color selected_bg_color #4b6983;
   6 @define-color selected_fg_color #fff;
   7 @define-color tooltip_bg_color #eee1b3;
   8 @define-color tooltip_fg_color #000;
   9 @define-color placeholder_text_color #808080;
  10
  11 @define-color info_fg_color rgb (181, 171, 156);
  12 @define-color info_bg_color rgb (252, 252, 189);
  13 @define-color warning_fg_color rgb (173, 120, 41);
  14 @define-color warning_bg_color rgb (250, 173, 61);
  15 @define-color question_fg_color rgb (97, 122, 214);
  16 @define-color question_bg_color rgb (138, 173, 212);
  17 @define-color error_fg_color rgb (166, 38, 38);
  18 @define-color error_bg_color rgb (237, 54, 54);
  19
  20 @define-color success_bg_color #4e9a06;
  21
  22 * {
  23   color: @fg_color;
  24   border-color: shade (@bg_color, 0.6);
  25   padding: 2px;
  26 }
  27
  28 GtkWindow, .button, .slider {
  29   background-color: @bg_color;
  30 }
  31
  32 .expander, GtkTreeView.view.expander {
  33   color: #fff;
  34 }
  35
  36 .expander:hover,
  37 GtkTreeView.view.expander:selected:hover {
  38   color: @text_color;
  39 }
  40
  41 *:insensitive {
  42   border-color: shade (@bg_color, 0.7);
  43   background-color: shade (@bg_color, 0.9);
  44   color: shade (@bg_color, 0.7);
  45 }
  46
  47 .entry:selected {
  48   background-color: shade (@bg_color, 0.9);
  49   color: @fg_color;
  50 }
  51
  52 .entry:selected:focused {
  53   background-color: @selected_bg_color;
  54   color: @selected_fg_color;
  55 }
  56
  57 .view {
  58   border-width: 0;
  59   border-radius: 0;
  60   background-color: @base_color;
  61   color: @text_color;
  62 }
  63 .view:selected {
  64   background-color: shade (@bg_color, 0.9);
  65   color: @fg_color;
  66 }
  67
  68 .view:selected:focused {
  69   background-color: @selected_bg_color;
  70   color: @selected_fg_color;
  71 }
  72
  73 .view column:sorted row,
  74 .view column:sorted row:hover {
  75   background-color: shade (@bg_color, 0.85);
  76 }
  77
  78 .view column:sorted row:nth-child(odd),
  79 .view column:sorted row:nth-child(odd):hover {
  80   background-color: shade (@bg_color, 0.8);
  81 }
  82
  83 .view row,
  84 .view row:hover {
  85   background-color: @base_color;
  86   color: @text_color;
  87 }
  88
  89 .view row:nth-child(odd),
  90 .view row:nth-child(odd):hover {
  91   background-color: shade (@base_color, 0.93);
  92 }
  93
  94 .view row:selected:focused {
  95   background-color: @selected_bg_color;
  96 }
  97
  98 .view row:selected {
  99   background-color: darker (@bg_color);
 100   color: @selected_fg_color;
 101 }
 102
 103 .view.cell.trough,
 104 .view.cell.trough:hover,
 105 .view.cell.trough:selected,
 106 .view.cell.trough:selected:focused {
 107   background-color: @bg_color;
 108   color: @fg_color;
 109 }
 110
 111 .view.cell.progressbar,
 112 .view.cell.progressbar:hover,
 113 .view.cell.progressbar:selected,
 114 .view.cell.progressbar:selected:focused {
 115   background-color: @selected_bg_color;
 116   color: @selected_fg_color;
 117 }
 118
 119 .rubberband {
 120   background-color: alpha (@fg_color, 0.25);
 121   border-color: @fg_color;
 122   border-style: solid;
 123   border-width: 1px;
 124 }
 125
 126 .tooltip,
 127 .tooltip * {
 128   background-color: @tooltip_bg_color;
 129   color: @tooltip_fg_color;
 130   border-color: @tooltip_fg_color;
 131   border-width: 1px;
 132   border-style: solid;
 133 }
 134
 135 .button,
 136 .slider {
 137   border-style: outset;
 138   border-width: 2px;
 139 }
 140
 141 .button:active {
 142   background-color: shade (@bg_color, 0.7);
 143   border-style: inset;
 144 }
 145
 146 .spinbutton.button:hover,
 147 .button:hover,
 148 .slider:hover {
 149   background-color: @selected_bg_color;
 150   color: @selected_fg_color;
 151   border-color: shade (@selected_bg_color, 0.7);
 152 }
 153
 154 .trough {
 155   background-color: darker (@bg_color);
 156   border-style: inset;
 157   border-width: 1px;
 158   padding: 0;
 159 }
 160
 161 .entry {
 162   border-style: inset;
 163   border-width: 2px;
 164   background-color: @base_color;
 165   color: @text_color;
 166 }
 167
 168 .entry:insensitive {
 169   background-color: shade (@base_color, 0.9);
 170   color: shade (@base_color, 0.7);
 171 }
 172 .entry:active {
 173   background-color: #c4c2bd;
 174   color: #000;
 175 }
 176
 177 .progressbar,
 178 .entry.progressbar,
 179 .cell.progressbar {
 180   background-color: @selected_bg_color;
 181   border-color: shade (@selected_bg_color, 0.7);
 182   color: @selected_fg_color;
 183   border-style: outset;
 184   border-width: 1px;
 185 }
 186
 187 .level-bar.indicator-discrete {
 188     margin: 1px;
 189 }
 190
 191 .level-bar.fill-block {
 192     background-color: @selected_bg_color;
 193 }
 194
 195 .level-bar.fill-block.level-low {
 196     background-color: @warning_bg_color;
 197 }
 198
 199 .level-bar.fill-block.level-high {
 200     background-color: @success_bg_color;
 201 }
 202
 203 .level-bar.fill-block.empty-fill-block {
 204     background-color: @base_color;
 205 }
 206
 207 GtkCheckButton:hover,
 208 GtkCheckButton:selected,
 209 GtkRadioButton:hover,
 210 GtkRadioButton:selected {
 211   background-color: shade (@bg_color, 1.05);
 212 }
 213
 214 .check, .radio,
 215 .cell.check, .cell.radio,
 216 .cell.check:hover, .cell.radio:hover {
 217   border-style: solid;
 218   border-width: 1px;
 219   background-color: @base_color;
 220   border-color: @fg_color;
 221 }
 222
 223 .check:active, .radio:active,
 224 .check:hover, .radio:hover {
 225   background-color: @base_color;
 226   border-color: @fg_color;
 227   color: @text_color;
 228 }
 229
 230 .check:selected, .radio:selected {
 231   background-color: darker (@bg_color);
 232   color: @selected_fg_color;
 233   border-color: @selected_fg_color;
 234 }
 235
 236 .check:selected:focused, .radio:selected:focused {
 237   background-color: @selected_bg_color;
 238 }
 239
 240 .menuitem.check, .menuitem.radio {
 241   color: @fg_color;
 242   border-style: none;
 243   border-width: 0;
 244 }
 245
 246 .popup {
 247   border-style: outset;
 248   border-width: 1px;
 249 }
 250
 251 .viewport {
 252   border-style: inset;
 253   border-width: 2px;
 254 }
 255
 256 .notebook {
 257   border-style: outset;
 258   border-width: 1px;
 259 }
 260
 261 .frame {
 262   border-style: inset;
 263   border-width: 1px;
 264 }
 265
 266 GtkScrolledWindow.frame {
 267   padding: 0;
 268 }
 269
 270 .menu,
 271 .menubar,
 272 .toolbar {
 273   border-style: outset;
 274   border-width: 1px;
 275 }
 276
 277 .menu:hover,
 278 .menubar:hover,
 279 .menuitem:hover,
 280 .menuitem.check:hover,
 281 .menuitem.radio:hover {
 282   background-color: @selected_bg_color;
 283   color: @selected_fg_color;
 284 }
 285
 286 GtkSpinButton.button {
 287   border-width: 1px;
 288 }
 289
 290 .scale.slider:hover,
 291 GtkSpinButton.button:hover {
 292   background-color: shade (@bg_color, 1.05);
 293   border-color: shade (@bg_color, 0.8);
 294 }
 295
 296 GtkSwitch.trough:active {
 297   background-color: @selected_bg_color;
 298   color: @selected_fg_color;
 299 }
 300
 301 GtkToggleButton.button:inconsistent {
 302   border-style: outset;
 303   border-width: 1px;
 304   background-color: shade (@bg_color, 0.9);
 305   border-color: shade (@bg_color, 0.7);
 306 }
 307
 308 GtkLabel:selected {
 309   background-color: shade (@bg_color, 0.9);
 310 }
 311
 312 GtkLabel:selected:focused {
 313   background-color: @selected_bg_color;
 314 }
 315
 316 .info {
 317   background-color: @info_bg_color;
 318   color: @info_fg_color;
 319 }
 320
 321 .warning {
 322   background-color: @warning_bg_color;
 323   color: @warning_fg_color;
 324 }
 325
 326 .question {
 327   background-color: @question_bg_color;
 328   color: @question_fg_color;
 329 }
 330
 331 .error {
 332   background-color: @error_bg_color;
 333   color: @error_fg_color;
 334 }
 335
 336 .highlight {
 337   background-color: @selected_bg_color;
 338   color: @selected_fg_color;
 339 }
 340
 341 .light-area-focus {
 342   color: #000;
 343 }
 344
 345 .dark-area-focus {
 346   color: #fff;
 347 }
 348 GtkCalendar.view {
 349   border-width: 1px;
 350   border-style: inset;
 351   padding: 1px;
 352 }
 353
 354 GtkCalendar.view:inconsistent {
 355   color: darker (@bg_color);
 356 }
 357
 358 GtkCalendar.header {
 359   background-color: @bg_color;
 360   border-style: outset;
 361   border-width: 2px;
 362 }
 363
 364 GtkCalendar.highlight {
 365   border-width: 0;
 366 }
 367
 368 GtkCalendar.button {
 369   background-color: @bg_color;
 370 }
 371
 372 GtkCalendar.button:hover {
 373   background-color: lighter (@bg_color);
 374   color: @fg_color;
 375 }
 376
 377 .menu * {
 378   border-width: 0;
 379   padding: 2px;
 380 }