1 2/* default */ 3* { 4 engine: none; 5 -GtkArrow-arrow-scaling: 0.55; 6 -GtkButton-child-displacement-x: 0; 7 -GtkButton-child-displacement-y: 0; 8 -GtkButton-default-border: 0; 9 -GtkButton-image-spacing: 0; 10 -GtkButton-inner-border: 1; 11 -GtkButton-interior-focus: true; 12 -GtkCheckButton-indicator-size: 16; 13 -GtkCheckMenuItem-indicator-size: 12; 14 -GtkExpander-expander-size: 8; 15 -GtkHTML-link-color: @link_color; 16 -GtkIMHtml-hyperlink-color: @link_color; 17 -GtkMenu-horizontal-padding: 0; 18 -GtkMenu-vertical-padding: 0; 19 -GtkNotebook-initial-gap: 0; 20 -GtkPaned-handle-size: 5; 21 -GtkProgressBar-min-horizontal-bar-height: 5; 22 -GtkProgressBar-min-vertical-bar-width: 5; 23 -GtkRange-slider-width: 12; 24 -GtkRange-stepper-spacing: 0; 25 -GtkRange-trough-border: 0; 26 -GtkRange-trough-under-steppers: 1; 27 -GtkScrollbar-has-backward-stepper: false; 28 -GtkScrollbar-has-forward-stepper: false; 29 -GtkScrollbar-min-slider-length: 50; 30 -GtkScrolledWindow-scrollbar-spacing: 0; 31 -GtkScrolledWindow-scrollbars-within-bevel: 0; 32 -GtkStatusbar-shadow-type: none; 33 -GtkTextView-error-underline-color: @error_color; 34 -GtkToolButton-icon-spacing: 6; 35 -GtkToolItemGroup-expander-size: 8; 36 -GtkTreeView-expander-size: 8; 37 -GtkWidget-focus-line-width: 1; 38 -GtkWidget-focus-padding: 2; 39 -GtkWidget-link-color: @link_color; 40 -GtkWidget-visited-link-color: @link_color; 41 -GtkWindow-resize-grip-height: 0; 42 -GtkWindow-resize-grip-width: 0; 43 -WnckTasklist-fade-overlay-rect: 0; 44 outline-color: alpha(@selected_bg_color, 0.5); 45 outline-style: solid; 46 outline-offset: 0; 47} 48 49/*************** 50 * base states * 51 ***************/ 52.background { 53 background-color: @bg_color; 54 color: @fg_color; 55} 56 57* { 58 /* inherit colors from parent */ 59 background-color: inherit; 60 color: inherit; 61} 62 63*:selected, 64*:selected:focus { 65 background-color: @selected_bg_color; 66 color: @selected_fg_color; 67} 68 69*:insensitive, 70*:insensitive:insensitive { 71 color: mix(@fg_color, @bg_color, 0.3); 72} 73 74/* apply effects to insensitive and prelit images */ 75*:insensitive { 76 -gtk-image-effect: dim; 77} 78 79*:hover { 80 -gtk-image-effect: highlight; 81} 82 83.gtkstyle-fallback { 84 background-color: @bg_color; 85 color: @fg_color; 86} 87 88.gtkstyle-fallback:prelight { 89 background-color: shade(@bg_color, 1.1); 90 color: @fg_color; 91} 92 93.gtkstyle-fallback:active { 94 background-color: shade(@_color, 0.9); 95 color: @fg_color; 96} 97 98.gtkstyle-fallback:insensitive { 99 background-color: shade(shade(@bg_color, 0.95), 1.05); 100 color: mix(@fg_color, @bg_color, 0.7); 101} 102 103.gtkstyle-fallback:selected { 104 background-color: @selected_bg_color; 105 color: @selected_fg_color; 106} 107 108GtkImage, 109GtkImage:insensitive, 110GtkLabel, 111GtkLabel:insensitive, 112GtkBox, 113GtkBox:insensitive, 114GtkOverlay, 115GtkGrid, 116GtkGrid:insensitive { 117 background-color: transparent; 118} 119 120/*********** 121 * gtkhtml * 122 ***********/ 123GtkHTML { 124 background-color: @base_color; 125 color: @text_color; 126} 127 128/************ 129 * expander * 130 ************/ 131.expander { 132 color: alpha(@fg_color, 0.7); 133} 134 135.expander:hover { 136 color: alpha(@fg_color, 0.8); 137} 138 139.expander:active { 140 color: alpha(currentColor, 0.9); 141} 142 143 144/********* 145 * frame * 146 *********/ 147.frame { 148 border-color: shade(@theme_bg_color, 0.8); 149} 150 151 152.frame.flat { 153 border: none; 154} 155 156/******************* 157 * scrolled window * 158 *******************/ 159GtkScrolledWindow.frame { 160 border-width: 1px; 161 border-style: solid; 162 border-color: @bg_color; 163 border-radius: 0; 164} 165 166/* avoid double borders when a viewport is 167 * packed into a GtkScrolledWindow */ 168GtkScrolledWindow GtkViewport.frame { 169 border-style: none; 170} 171 172/************ 173 * iconview * 174 ************/ 175GtkIconView.view.cell:hover { 176 border: none; 177 border-radius: 5px; 178 background-color: shade(@bg_color, 0.9); 179 background-image: none; 180 color: @fg_color; 181} 182 183GtkIconView.view.cell:selected, 184GtkIconView.view.cell:selected:focus { 185 border-width: 1px; 186 border-style: solid; 187 border-color: shade(@bg_color, 0.8); 188 border-radius: 5px; 189 background-color: shade(@bg_color, 0.8); 190 background-image: none; 191 color: @fg_color; 192} 193 194.content-view.view.rubberband, 195.view.rubberband, 196.rubberband { 197 border-width: 1px; 198 border-style: solid; 199 border-color: shade(@selected_fg_color, 0.9); 200 border-radius: 0; 201 background-color: alpha(@selected_fg_color, 0.3); 202} 203/***************** 204 * miscellaneous * 205 *****************/ 206.floating-bar { 207 border-width: 1px; 208 border-style: solid; 209 border-color: @bg_color; 210 border-radius: 0px; 211 background-color: @bg_color; 212 background-image: none; 213 color: @fg_color; 214} 215 216.floating-bar.top { 217 border-top-width: 0; 218 border-top-right-radius: 0; 219 border-top-left-radius: 0; 220} 221 222.floating-bar.right { 223 border-right-width: 0; 224 border-top-right-radius: 0; 225 border-bottom-right-radius: 0; 226} 227 228.floating-bar.bottom { 229 border-bottom-width: 0; 230 border-bottom-right-radius: 0; 231 border-bottom-left-radius: 0; 232} 233 234.floating-bar.left { 235 border-left-width: 0; 236 border-bottom-left-radius: 0; 237 border-top-left-radius: 0; 238} 239 240.floating-bar .button { 241 -GtkButton-image-spacing: 0; 242 -GtkButton-inner-border: 0; 243 244 border-style: none; 245 background-color: transparent; 246 background-image: none; 247} 248 249.view.dim-label, 250.dim-label { 251 color: alpha(currentColor, 0.5); 252} 253 254.dnd { 255 border-width: 1px; 256 border-style: solid; 257 border-color: shade(@selected_fg_color, 0.9); 258} 259 260.grip { 261 background-color: transparent; 262} 263 264.arrow { 265 color: alpha(@fg_color, 0.9); 266} 267 268/************* 269 * statusbar * 270 *************/ 271GtkStatusbar { 272 padding: 4px; 273 color: @fg_color; 274} 275 276GtkStatusbar .button { 277 color: @fg_color; 278 border: none; 279} 280 281GtkStatusbar .button:hover, 282GtkStatusbar .button:active, 283GtkStatusbar .button:active:hover { 284 transition: none; 285 color: @selected_fg_color; 286 background-color: @bg_color; 287} 288 289/************ 290 * textview * 291 ************/ 292GtkTextView { 293 background-color: @base_color; 294 color: @text_color; 295} 296 297/*********** 298 * tooltip * 299 ***********/ 300.tooltip { 301 border-width: 1px; 302 border-style: solid; 303 border-color: @tooltip_bg_color; 304 border-radius: 3px; 305 background-color: @tooltip_bg_color; 306 background-image: none; 307 color: @tooltip_fg_color; 308} 309 310.tooltip.background { 311 background-color: alpha(@tooltip_bg_color,0.8); 312 background-clip: padding-box; 313} 314 315.tooltip.window-frame.csd { 316 border-radius: 3px; 317 background-color: transparent; 318 box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15); 319} 320 321.tooltip * { 322 padding: 2px; 323 background-color: transparent; 324 color: inherit; 325} 326 327/************ 328 * treeview * 329 ************/ 330GtkTreeView { 331 -GtkTreeView-vertical-separator: 6; 332 -GtkWidget-focus-line-width: 1; 333 -GtkWidget-focus-padding: 1; 334} 335 336GtkTreeView { 337 border: 1px solid @bg_color; 338} 339 340GtkTreeView.view:selected { 341 border: none; 342} 343 344GtkTreeView.dnd { 345 padding: 6px 6px; 346 border-width: 1px; 347 border-style: solid; 348 border-color: shade(@selected_bg_color, 0.9); 349 border-radius: 0; 350} 351 352GtkTreeView .entry { 353 padding: 6px 6px; 354 border-radius: 0; 355 background-color: @base_color; 356 background-image: none; 357} 358 359/************ 360 * viewport * 361 ************/ 362GtkViewport.frame { 363 border-width: 0; 364} 365 366.view { 367 background-color: @base_color; 368 color: @text_color; 369} 370 371.view:insensitive, 372.view:insensitive:insensitive { 373 color: mix(@bg_color,@text_color, 0.4); 374} 375 376.view:selected, 377.view:selected:focus { 378 background-color: @selected_bg_color; 379 color: @selected_fg_color; /*TreeView selected for dconf and sidebars and stuff*/ 380} 381 382/************************* 383 * touch text selections * 384 *************************/ 385GtkBubbleWindow { 386 border-radius: 0px; 387 background-clip: border-box; 388} 389 390GtkBubbleWindow.osd.background { 391 background-color: @osd_bg; 392} 393 394GtkBubbleWindow .toolbar { 395 background-color: transparent; 396} 397 398.overshoot.top { 399 background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(55, 93, 114, 0.20)), to(rgba(255,93,115, 0))); 400 background-size: 100% 60%; 401 background-repeat: no-repeat; 402 background-position: center top; 403 background-color: transparent; 404 border: none; 405 box-shadow: none; } 406 407 .overshoot.bottom { 408 background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255,93,115,0.2)), to(rgba(255,93,115, 0))); 409 background-size: 100% 60%; 410 background-repeat: no-repeat; 411 background-position: center bottom; 412 background-color: transparent; 413 border: none; 414 box-shadow: none; } 415 416 .overshoot.left { 417 background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255,93,115,0.2)), to(rgba(255,93,115, 0))); 418 background-size: 60% 100%; 419 background-repeat: no-repeat; 420 background-position: left center; 421 background-color: transparent; 422 border: none; 423 box-shadow: none; } 424 425 .overshoot.right { 426 background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255,93,115,0.2)), to(rgba(255,93,115, 0))); 427 background-size: 60% 100%; 428 background-repeat: no-repeat; 429 background-position: right center; 430 background-color: transparent; 431 border: none; 432 box-shadow: none; } 433 434 .undershoot.top { 435 background-color: transparent; 436 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 437 padding-top: 1px; 438 background-size: 10px 1px; 439 background-repeat: repeat-x; 440 background-origin: content-box; 441 background-position: center top; } 442 443 .undershoot.bottom { 444 background-color: transparent; 445 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 446 padding-bottom: 1px; 447 background-size: 10px 1px; 448 background-repeat: repeat-x; 449 background-origin: content-box; 450 background-position: center bottom; } 451 452 .undershoot.left { 453 background-color: transparent; 454 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 455 padding-left: 1px; 456 background-size: 1px 10px; 457 background-repeat: repeat-y; 458 background-origin: content-box; 459 background-position: left center; } 460 461 .undershoot.right { 462 background-color: transparent; 463 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 464 padding-right: 1px; 465 background-size: 1px 10px; 466 background-repeat: repeat-y; 467 background-origin: content-box; 468 background-position: right center; } 469