From 943d2bf4594659acc9240d81c7d61d895daa1a18 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Sat, 11 Jul 2015 16:26:19 +0200 Subject: add lightdm styles --- common/gtk-3.0/3.14/_lightdm.scss | 141 ++++++++++++++++++++ common/gtk-3.0/3.14/gtk-contained-dark.css | 146 +++++++++++++++++++++ common/gtk-3.0/3.14/gtk-contained-dark.scss | 1 + common/gtk-3.0/3.14/gtk-contained-darker.css | 146 +++++++++++++++++++++ common/gtk-3.0/3.14/gtk-contained-darker.scss | 1 + common/gtk-3.0/3.14/gtk-contained-solid-dark.css | 146 +++++++++++++++++++++ common/gtk-3.0/3.14/gtk-contained-solid-dark.scss | 1 + common/gtk-3.0/3.14/gtk-contained-solid-darker.css | 146 +++++++++++++++++++++ .../gtk-3.0/3.14/gtk-contained-solid-darker.scss | 1 + common/gtk-3.0/3.14/gtk-contained-solid.css | 146 +++++++++++++++++++++ common/gtk-3.0/3.14/gtk-contained-solid.scss | 1 + common/gtk-3.0/3.14/gtk-contained.css | 146 +++++++++++++++++++++ common/gtk-3.0/3.14/gtk-contained.scss | 1 + common/gtk-3.0/3.16/_lightdm.scss | 141 ++++++++++++++++++++ common/gtk-3.0/3.16/gtk-contained-dark.css | 146 +++++++++++++++++++++ common/gtk-3.0/3.16/gtk-contained-dark.scss | 1 + common/gtk-3.0/3.16/gtk-contained-darker.css | 146 +++++++++++++++++++++ common/gtk-3.0/3.16/gtk-contained-darker.scss | 1 + common/gtk-3.0/3.16/gtk-contained-solid-dark.css | 146 +++++++++++++++++++++ common/gtk-3.0/3.16/gtk-contained-solid-dark.scss | 1 + common/gtk-3.0/3.16/gtk-contained-solid-darker.css | 146 +++++++++++++++++++++ .../gtk-3.0/3.16/gtk-contained-solid-darker.scss | 1 + common/gtk-3.0/3.16/gtk-contained-solid.css | 146 +++++++++++++++++++++ common/gtk-3.0/3.16/gtk-contained-solid.scss | 1 + common/gtk-3.0/3.16/gtk-contained.css | 146 +++++++++++++++++++++ common/gtk-3.0/3.16/gtk-contained.scss | 1 + 26 files changed, 2046 insertions(+) create mode 100644 common/gtk-3.0/3.14/_lightdm.scss create mode 100644 common/gtk-3.0/3.16/_lightdm.scss diff --git a/common/gtk-3.0/3.14/_lightdm.scss b/common/gtk-3.0/3.14/_lightdm.scss new file mode 100644 index 0000000..9b14d09 --- /dev/null +++ b/common/gtk-3.0/3.14/_lightdm.scss @@ -0,0 +1,141 @@ +/* the panel widget at the top */ +#panel_window { + background-color: $panel_bg; + color: $panel_fg; + font: bold; + box-shadow: inset 0 -1px darken($panel_bg, 7%); + + /* the menubars/menus of the panel, i.e. indicators */ + .menubar, + .menubar > .menuitem { + background-color: transparent; + color: $panel_fg; + font: bold; + } + + .menubar .menuitem:insensitive { + color: darken($panel_fg, 20%); + + GtkLabel { color: inherit; } + } + .menubar .menu .menuitem { font: normal; } +} + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: transparentize($bg_color, 0.05); + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +#content_frame .button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:insensitive { @include button(insensitive); } +} + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: $osd_bg_color; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +#buttonbox_frame .button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font: 13px; + + .menu { font: normal; } + .arrow {} +} + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; +} + +/* the border around the user's avatar box */ +#user_image_border {} + +/* the shutdown button */ +#shutdown_button.button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $destructive_color; + background-color: $destructive_color; + background-image: none; + background-clip: border-box; + + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($destructive_color, 9%); + background-color: lighten($destructive_color, 9%); + background-image: none; + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($destructive_color, 7%); + background-color: darken($destructive_color, 7%); + background-image: none; + } +} + +/* the restart button */ +#restart_button.button { + $_restart_bg: #51CF74; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $_restart_bg; + background-color: $_restart_bg; + background-image: none; + background-clip: border-box; + + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($_restart_bg, 9%); + background-color: lighten($_restart_bg, 9%); + background-image: none; + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($_restart_bg, 7%); + background-color: darken($_restart_bg, 7%); + background-image: none; + } +} + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; +} diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.css b/common/gtk-3.0/3.14/gtk-contained-dark.css index e633112..95758e6 100644 --- a/common/gtk-3.0/3.14/gtk-contained-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-dark.css @@ -3118,6 +3118,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #D3DAE3; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(68, 72, 82, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2d3036; + background-color: #3d414b; } + #content_frame .button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #5294E2; + background-color: #3d414b; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(45, 48, 54, 0.55); + background-color: rgba(61, 65, 75, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #D3DAE3; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(36, 39, 45, 0.97); } diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.scss b/common/gtk-3.0/3.14/gtk-contained-dark.scss index e0042ca..f47d7b5 100644 --- a/common/gtk-3.0/3.14/gtk-contained-dark.scss +++ b/common/gtk-3.0/3.14/gtk-contained-dark.scss @@ -13,5 +13,6 @@ $transparency: 'true'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.css b/common/gtk-3.0/3.14/gtk-contained-darker.css index 9045804..1c9ce4c 100644 --- a/common/gtk-3.0/3.14/gtk-contained-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-darker.css @@ -3119,6 +3119,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(245, 246, 247, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fbfbfc; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(31, 34, 39, 0.97); } diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.scss b/common/gtk-3.0/3.14/gtk-contained-darker.scss index 3fe2ffa..63166d2 100644 --- a/common/gtk-3.0/3.14/gtk-contained-darker.scss +++ b/common/gtk-3.0/3.14/gtk-contained-darker.scss @@ -13,5 +13,6 @@ $transparency: 'true'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css index 5d32e7f..f1fe351 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css @@ -3118,6 +3118,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #D3DAE3; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(68, 72, 82, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2d3036; + background-color: #3d414b; } + #content_frame .button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #5294E2; + background-color: #3d414b; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(45, 48, 54, 0.55); + background-color: rgba(61, 65, 75, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #D3DAE3; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #24272d; } diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss b/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss index c6fb71b..157292d 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss +++ b/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss @@ -13,5 +13,6 @@ $transparency: 'false'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css index 1a05d92..5a3c7e1 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css @@ -3119,6 +3119,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(245, 246, 247, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fbfbfc; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #1f2227; } diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss b/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss index 161ca2e..03ba34b 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss +++ b/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss @@ -13,5 +13,6 @@ $transparency: 'false'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.css b/common/gtk-3.0/3.14/gtk-contained-solid.css index 7a31ce3..a0c9853 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid.css @@ -3118,6 +3118,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(245, 246, 247, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fbfbfc; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #d4d5db; } diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.scss b/common/gtk-3.0/3.14/gtk-contained-solid.scss index 0bd5284..347cf2c 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid.scss +++ b/common/gtk-3.0/3.14/gtk-contained-solid.scss @@ -13,5 +13,6 @@ $transparency: 'false'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css index 133caf9..7916e15 100644 --- a/common/gtk-3.0/3.14/gtk-contained.css +++ b/common/gtk-3.0/3.14/gtk-contained.css @@ -3118,6 +3118,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(245, 246, 247, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fbfbfc; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(212, 213, 219, 0.95); } diff --git a/common/gtk-3.0/3.14/gtk-contained.scss b/common/gtk-3.0/3.14/gtk-contained.scss index b067260..c45d673 100644 --- a/common/gtk-3.0/3.14/gtk-contained.scss +++ b/common/gtk-3.0/3.14/gtk-contained.scss @@ -13,5 +13,6 @@ $transparency: 'true'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.16/_lightdm.scss b/common/gtk-3.0/3.16/_lightdm.scss new file mode 100644 index 0000000..9b14d09 --- /dev/null +++ b/common/gtk-3.0/3.16/_lightdm.scss @@ -0,0 +1,141 @@ +/* the panel widget at the top */ +#panel_window { + background-color: $panel_bg; + color: $panel_fg; + font: bold; + box-shadow: inset 0 -1px darken($panel_bg, 7%); + + /* the menubars/menus of the panel, i.e. indicators */ + .menubar, + .menubar > .menuitem { + background-color: transparent; + color: $panel_fg; + font: bold; + } + + .menubar .menuitem:insensitive { + color: darken($panel_fg, 20%); + + GtkLabel { color: inherit; } + } + .menubar .menu .menuitem { font: normal; } +} + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: transparentize($bg_color, 0.05); + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +#content_frame .button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:insensitive { @include button(insensitive); } +} + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: $osd_bg_color; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +#buttonbox_frame .button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font: 13px; + + .menu { font: normal; } + .arrow {} +} + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; +} + +/* the border around the user's avatar box */ +#user_image_border {} + +/* the shutdown button */ +#shutdown_button.button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $destructive_color; + background-color: $destructive_color; + background-image: none; + background-clip: border-box; + + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($destructive_color, 9%); + background-color: lighten($destructive_color, 9%); + background-image: none; + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($destructive_color, 7%); + background-color: darken($destructive_color, 7%); + background-image: none; + } +} + +/* the restart button */ +#restart_button.button { + $_restart_bg: #51CF74; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $_restart_bg; + background-color: $_restart_bg; + background-image: none; + background-clip: border-box; + + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($_restart_bg, 9%); + background-color: lighten($_restart_bg, 9%); + background-image: none; + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($_restart_bg, 7%); + background-color: darken($_restart_bg, 7%); + background-image: none; + } +} + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; +} diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css index ce05c25..b257a4a 100644 --- a/common/gtk-3.0/3.16/gtk-contained-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-dark.css @@ -3063,6 +3063,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #D3DAE3; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(68, 72, 82, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2d3036; + background-color: #3d414b; } + #content_frame .button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #5294E2; + background-color: #3d414b; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(45, 48, 54, 0.55); + background-color: rgba(61, 65, 75, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #D3DAE3; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(36, 39, 45, 0.97); } diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.scss b/common/gtk-3.0/3.16/gtk-contained-dark.scss index e0042ca..f47d7b5 100644 --- a/common/gtk-3.0/3.16/gtk-contained-dark.scss +++ b/common/gtk-3.0/3.16/gtk-contained-dark.scss @@ -13,5 +13,6 @@ $transparency: 'true'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css index a797be6..0ccbae7 100644 --- a/common/gtk-3.0/3.16/gtk-contained-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-darker.css @@ -3064,6 +3064,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(245, 246, 247, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fbfbfc; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(31, 34, 39, 0.97); } diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.scss b/common/gtk-3.0/3.16/gtk-contained-darker.scss index 3fe2ffa..63166d2 100644 --- a/common/gtk-3.0/3.16/gtk-contained-darker.scss +++ b/common/gtk-3.0/3.16/gtk-contained-darker.scss @@ -13,5 +13,6 @@ $transparency: 'true'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css index 8a3c37d..fba87fc 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css @@ -3063,6 +3063,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #D3DAE3; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(68, 72, 82, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2d3036; + background-color: #3d414b; } + #content_frame .button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #5294E2; + background-color: #3d414b; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(45, 48, 54, 0.55); + background-color: rgba(61, 65, 75, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #D3DAE3; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #24272d; } diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss b/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss index c6fb71b..157292d 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss +++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss @@ -13,5 +13,6 @@ $transparency: 'false'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css index 52017b8..1d6daef 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css @@ -3064,6 +3064,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(245, 246, 247, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fbfbfc; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #1f2227; } diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss b/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss index 161ca2e..03ba34b 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss +++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss @@ -13,5 +13,6 @@ $transparency: 'false'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css index fbe3140..89bd1e3 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid.css @@ -3063,6 +3063,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(245, 246, 247, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fbfbfc; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #d4d5db; } diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.scss b/common/gtk-3.0/3.16/gtk-contained-solid.scss index 0bd5284..347cf2c 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid.scss +++ b/common/gtk-3.0/3.16/gtk-contained-solid.scss @@ -13,5 +13,6 @@ $transparency: 'false'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css index e07b5ed..fe73da4 100644 --- a/common/gtk-3.0/3.16/gtk-contained.css +++ b/common/gtk-3.0/3.16/gtk-contained.css @@ -3063,6 +3063,152 @@ GraniteWidgetsPopOver * { GtkListBox .h4 { padding-left: 6px; } +/* the panel widget at the top */ +#panel_window { + background-color: rgba(37, 39, 45, 0.95); + color: #A8ADB5; + font: bold; + box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + /* the menubars/menus of the panel, i.e. indicators */ } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #A8ADB5; + font: bold; } + #panel_window .menubar .menuitem:insensitive { + color: #727985; } + #panel_window .menubar .menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: rgba(245, 246, 247, 0.95); + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +#content_frame .button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame .button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #5294E2; + background-color: #fbfbfc; } + #content_frame .button:active, #content_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame .button:insensitive { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame .button:insensitive > GtkLabel { + color: inherit; } + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(60, 64, 73, 0.95); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +#buttonbox_frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + #buttonbox_frame .button:active, #buttonbox_frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + #buttonbox_frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; } + +/* the border around the user's avatar box */ +/* the shutdown button */ +#shutdown_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #FA4349; + background-color: #FA4349; + background-image: none; + background-clip: border-box; } + #shutdown_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #fb7074; + background-color: #fb7074; + background-image: none; } + #shutdown_button.button:active, #shutdown_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f92027; + background-color: #f92027; + background-image: none; } + +/* the restart button */ +#restart_button.button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #51CF74; + background-color: #51CF74; + background-image: none; + background-clip: border-box; } + #restart_button.button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #75d991; + background-color: #75d991; + background-image: none; } + #restart_button.button:active, #restart_button.button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #37c65e; + background-color: #37c65e; + background-image: none; } + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(212, 213, 219, 0.95); } diff --git a/common/gtk-3.0/3.16/gtk-contained.scss b/common/gtk-3.0/3.16/gtk-contained.scss index b067260..c45d673 100644 --- a/common/gtk-3.0/3.16/gtk-contained.scss +++ b/common/gtk-3.0/3.16/gtk-contained.scss @@ -13,5 +13,6 @@ $transparency: 'true'; @import 'applications'; @import 'unity'; @import 'granite'; +@import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; -- cgit v1.2.3