diff --git a/gtk-3.0/_apps.scss b/gtk-3.0/_apps.scss index 83a5301..ff65b52 100755 --- a/gtk-3.0/_apps.scss +++ b/gtk-3.0/_apps.scss @@ -4,6 +4,7 @@ @import 'apps/budgie'; @import 'apps/gnome'; +@import 'apps/xfce'; @import 'apps/pantheon'; @import 'apps/unity'; diff --git a/gtk-3.0/apps/_pantheon.scss b/gtk-3.0/apps/_pantheon.scss index 1c28d34..355b0d3 100755 --- a/gtk-3.0/apps/_pantheon.scss +++ b/gtk-3.0/apps/_pantheon.scss @@ -2,7 +2,7 @@ * Gala * *******/ -.gala-notification { + .gala-notification { border-width: 0; border-radius: 2px; color: white; @@ -123,34 +123,46 @@ .panel { background-color: transparent; transition: all 100ms ease-in-out; - color: white; &.maximized { background-color: #000; } &.translucent { - background-color: transparentize(black, 0.5); + background-color: transparentize(black, 0.5);; } } +menubar.panel, +.panel menubar { + box-shadow: none; + border: none; +} + .composited-indicator { - > GtkRevealer, - > GtkRevealer GtkImage, - > GtkRevealer GtkLabel { - color: white; + > revealer, + > revealer image, + > revealer label, + > revealer spinner { + color: #fff; font-weight: bold; - text-shadow: 0 1px 2px transparentize(black, 0.8), 0 1px 2px transparentize(black, 0.9); - -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.8), 0 1px 2px transparentize(black, 0.9); + text-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5); + } + + > revealer image:first-child + label { + margin-left: 5px; } } .panel.color-light .composited-indicator { - > GtkRevealer, - > GtkRevealer GtkImage, - > GtkRevealer GtkLabel { + > revealer, + > revealer image, + > revealer label, + > revealer spinner { color: transparentize(black, 0.4); text-shadow: 0 1px transparentize(white, 0.9); -gtk-icon-shadow: 0 1px transparentize(white, 0.9); @@ -253,3 +265,19 @@ LibraryWindow { .checkboard-layout .item { background-color: $fg_color; } + +/********* +* Avatar * +*********/ + +.avatar { + border: 1px solid transparentize(#000, 0.35); + border-radius: 50%; + box-shadow: + inset 0 0 0 1px transparentize(#fff, 0.05), + inset 0 1px 0 0 transparentize(#fff, 0.45), + inset 0 -1px 0 0 transparentize(#fff, 0.15), + 0 1px 3px transparentize(#000, 0.12), + 0 1px 2px transparentize(#000, 0.24); +} + diff --git a/gtk-3.0/apps/_xfce.scss b/gtk-3.0/apps/_xfce.scss new file mode 100644 index 0000000..26a5197 --- /dev/null +++ b/gtk-3.0/apps/_xfce.scss @@ -0,0 +1,4 @@ +.xfce4-panel.panel { + background-color: $base_color; + color: $fg_color; +} \ No newline at end of file diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index 3c25d33..63cc6f4 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -5543,6 +5543,10 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled border: 0; background-color: #161925; } +.xfce4-panel.panel { + background-color: #181b28; + color: #C3C7D1; } + /******** * Gala * *******/ @@ -5626,24 +5630,34 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled ********/ .panel { background-color: transparent; - transition: all 100ms ease-in-out; - color: white; } + transition: all 100ms ease-in-out; } .panel.maximized { background-color: #000; } .panel.translucent { background-color: rgba(0, 0, 0, 0.5); } -.composited-indicator > GtkRevealer, -.composited-indicator > GtkRevealer GtkImage, -.composited-indicator > GtkRevealer GtkLabel { - color: white; - font-weight: bold; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1); } +menubar.panel, +.panel menubar { + box-shadow: none; + border: none; } -.panel.color-light .composited-indicator > GtkRevealer, -.panel.color-light .composited-indicator > GtkRevealer GtkImage, -.panel.color-light .composited-indicator > GtkRevealer GtkLabel { +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } + +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { color: rgba(0, 0, 0, 0.6); text-shadow: 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } @@ -5705,6 +5719,14 @@ LibraryWindow .the-button-in-the-combobox { .checkboard-layout .item { background-color: #C3C7D1; } +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.65); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.95), inset 0 1px 0 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 0 rgba(255, 255, 255, 0.85), 0 1px 3px rgba(0, 0, 0, 0.88), 0 1px 2px rgba(0, 0, 0, 0.76); } + /******** * Unity * *********/ diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 18e4df9..cde2db6 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -5568,6 +5568,10 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled border: 0; background-color: #e6e6e6; } +.xfce4-panel.panel { + background-color: #ebf0f5; + color: #31363d; } + /******** * Gala * *******/ @@ -5651,24 +5655,34 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled ********/ .panel { background-color: transparent; - transition: all 100ms ease-in-out; - color: white; } + transition: all 100ms ease-in-out; } .panel.maximized { background-color: #000; } .panel.translucent { background-color: rgba(0, 0, 0, 0.5); } -.composited-indicator > GtkRevealer, -.composited-indicator > GtkRevealer GtkImage, -.composited-indicator > GtkRevealer GtkLabel { - color: white; - font-weight: bold; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1); } +menubar.panel, +.panel menubar { + box-shadow: none; + border: none; } -.panel.color-light .composited-indicator > GtkRevealer, -.panel.color-light .composited-indicator > GtkRevealer GtkImage, -.panel.color-light .composited-indicator > GtkRevealer GtkLabel { +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } + +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { color: rgba(0, 0, 0, 0.6); text-shadow: 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } @@ -5730,6 +5744,14 @@ LibraryWindow .the-button-in-the-combobox { .checkboard-layout .item { background-color: #31363d; } +/********* +* Avatar * +*********/ +.avatar { + border: 1px solid rgba(0, 0, 0, 0.65); + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.95), inset 0 1px 0 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 0 rgba(255, 255, 255, 0.85), 0 1px 3px rgba(0, 0, 0, 0.88), 0 1px 2px rgba(0, 0, 0, 0.76); } + /******** * Unity * *********/