diff options
Diffstat (limited to 'common/gtk-3.0/3.18/gtk-solid-dark.css')
| -rw-r--r-- | common/gtk-3.0/3.18/gtk-solid-dark.css | 286 |
1 files changed, 84 insertions, 202 deletions
diff --git a/common/gtk-3.0/3.18/gtk-solid-dark.css b/common/gtk-3.0/3.18/gtk-solid-dark.css index 1233e50..e13a366 100644 --- a/common/gtk-3.0/3.18/gtk-solid-dark.css +++ b/common/gtk-3.0/3.18/gtk-solid-dark.css @@ -27,19 +27,10 @@ outline-width: 1px; outline-radius: 2px; } -/*************** - * Base States * - ***************/ .background { color: #D3DAE3; background-color: #383C4A; } -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ *:insensitive { -gtk-image-effect: dim; } @@ -116,9 +107,6 @@ GtkTextView { outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } -/********************** - * Spinner Animations * - **********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } @@ -134,9 +122,6 @@ GtkTextView { .spinner:active:insensitive { opacity: 0.5; } -/**************** - * Text Entries * - ****************/ .entry { border: 1px solid; padding: 5px 8px 6px; @@ -225,9 +210,6 @@ GtkTextView { GtkSearchEntry.entry { border-radius: 20px; } -/*********** - * Buttons * - ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } @@ -746,7 +728,6 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > . background-image: none; box-shadow: none; } -/* menu buttons */ .menuitem.button.flat, .menuitem.sidebar-button.button { transition: none; outline-offset: -1px; @@ -756,9 +737,6 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > . .menuitem.button.flat:checked, .menuitem.sidebar-button.button:checked { color: #D3DAE3; } -/********* - * Links * - *********/ *:link, .button:link, .button:visited { color: #a9caf1; } *:link:visited, .button:visited { @@ -779,9 +757,6 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > . .button:link > .label, .button:visited > .label { text-decoration-line: underline; } -/***************** - * GtkSpinButton * - *****************/ .spinbutton { border-radius: 3px; } .spinbutton .button { @@ -859,9 +834,6 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > . border-radius: 0; box-shadow: none; } -/************** - * ComboBoxes * - **************/ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } @@ -887,9 +859,6 @@ GtkComboBox { border-top-right-radius: 0; border-bottom-right-radius: 0; } -/************ - * Toolbars * - ************/ .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; @@ -926,9 +895,6 @@ GtkComboBox { .action-bar { background-color: #313541; } -/*************** - * Header bars * - ***************/ .header-bar { padding: 7px 7px 6px 7px; border-width: 0 0 1px; @@ -1330,9 +1296,6 @@ GtkComboBox { background-image: linear-gradient(to bottom, #3e4553); border-color: rgba(21, 23, 28, 0.7); } -/************ - * Pathbars * - ************/ .path-bar .button { padding-left: 6px; padding-right: 6px; } @@ -1347,9 +1310,6 @@ GtkComboBox { padding-right: 4px; padding-left: 4px; } -/************** - * Tree Views * - **************/ GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; @@ -1431,9 +1391,6 @@ column-header .button, column-header .button:hover, column-header .button:active border-color: #383C4A; background-image: none; } -/********* - * Menus * - *********/ .menubar { -GtkWidget-window-dragging: true; padding: 0px; @@ -1497,9 +1454,6 @@ column-header .button, column-header .button:hover, column-header .button:active .menuitem .accelerator { color: alpha(currentColor,0.55); } -/************ - * Popovers * - ************/ .popover { padding: 2px; border: 1px solid #20222a; @@ -1531,10 +1485,6 @@ column-header .button, column-header .button:hover, column-header .button:active .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } -/***************** - * Notebooks and * - * Tabs * - *****************/ .notebook { padding: 0; background-color: #404552; @@ -1667,9 +1617,6 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.arrow:insensitive { color: rgba(211, 218, 227, 0.15); } -/************** - * Scrollbars * - **************/ .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; @@ -1746,9 +1693,6 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } -/********** - * Switch * - **********/ GtkSwitch { font: 1; -GtkSwitch-slider-width: 52; @@ -1810,9 +1754,6 @@ GtkInfoBar GtkSwitch.trough:active:insensitive { .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } -/************************* - * Check and Radio items * - *************************/ .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } @@ -1971,9 +1912,6 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } -/************ - * GtkScale * - ************/ .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; @@ -2054,9 +1992,6 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } -/***************** - * Progress bars * - *****************/ GtkProgressBar { padding: 0; font-size: smaller; @@ -2093,16 +2028,12 @@ GtkProgressBar.trough, .level-bar.trough { GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } -/************* - * Level Bar * - *************/ GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } - -GtkLevelBar.vertical { - -GtkLevelBar-min-block-width: 3; - -GtkLevelBar-min-block-height: 34; } + GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; @@ -2126,9 +2057,6 @@ GtkLevelBar.vertical { background-color: #404552; border-color: #404552; } -/********** - * Frames * - **********/ .frame { border: 1px solid #2b2e39; padding: 0; } @@ -2156,9 +2084,6 @@ GtkScrolledWindow GtkViewport.frame { GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } -/********* - * Lists * - *********/ .list { background-color: #404552; border-color: #2b2e39; } @@ -2190,9 +2115,6 @@ GtkScrolledWindow GtkViewport.frame { .list-row:hover, list-row.activatable:hover { transition: none; } -/********************* - * App Notifications * - *********************/ .app-notification, .app-notification.frame { padding: 10px; @@ -2233,9 +2155,6 @@ GtkScrolledWindow GtkViewport.frame { border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } -/************* - * Expanders * - *************/ .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { @@ -2245,9 +2164,6 @@ GtkScrolledWindow GtkViewport.frame { .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -/************ - * Calendar * - ***********/ GtkCalendar { color: #D3DAE3; border: 1px solid #2b2e39; @@ -2277,9 +2193,6 @@ GtkCalendar { GtkCalendar.highlight { color: #D3DAE3; } -/*********** - * Dialogs * - ***********/ .message-dialog .dialog-action-area .button { padding: 8px; } @@ -2393,9 +2306,6 @@ GtkPaned.wide { GtkPaned.wide.vertical .pane-separator { border-style: solid none; } -/************** - * GtkInfoBar * - **************/ GtkInfoBar { border-style: none; } @@ -2437,9 +2347,6 @@ GtkInfoBar { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } -/************ - * Tooltips * - ************/ .tooltip { color: #BAC3CF; border-radius: 2px; } @@ -2454,9 +2361,6 @@ GtkInfoBar { background-color: transparent; color: inherit; } -/***************** - * Color Chooser * - *****************/ :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { @@ -2524,9 +2428,6 @@ GtkColorButton.button { GtkColorButton.button GtkColorSwatch { border-radius: 0; } -/******** - * Misc * - ********/ .content-view { background-color: #404552; } .content-view:hover { @@ -2543,14 +2444,89 @@ GtkColorButton.button { GtkVolumeButton.button { padding: 8px; } -/********************** - * Window Decorations * - *********************/ +.touch-selection, +.context-menu { + font: initial; } + +.monospace { + font: Monospace; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; } + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; } + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; } + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; } + .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.35); - /* this is used for the resize cursor area */ margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 5px 5px 0 rgba(0, 0, 0, 0.35); } @@ -2665,86 +2641,6 @@ NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -/* Decouple the font of context menus from their entry/textview */ -.touch-selection, -.context-menu { - font: initial; } - -.monospace { - font: Monospace; } - -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); - background-size: 100% 60%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); - background-size: 100% 60%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -.undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; } - -.undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; } - -.undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; } - -.undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; } - GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, @@ -2918,11 +2814,9 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > . color: #ffffff; background-color: #5294E2; } -/* Only normal state is handle */ .open-document-selector-name-label { color: #D3DAE3; } -/* Only normal state is handle */ .open-document-selector-path-label { color: #8a909b; font-size: smaller; } @@ -3580,13 +3474,11 @@ GraniteWidgetsXsEntry.entry { GtkListBox .h4 { padding-left: 6px; } -/* the panel widget at the top */ #panel_window { background-color: #2b2e37; color: #BAC3CF; font: bold; - box-shadow: inset 0 -1px #1b1d23; - /* the menubars/menus of the panel, i.e. indicators */ } + box-shadow: inset 0 -1px #1b1d23; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; @@ -3599,7 +3491,6 @@ GtkListBox .h4 { #panel_window .menubar .menu .menuitem { font: normal; } -/* the login window */ #login_window, #shutdown_dialog, #restart_dialog { @@ -3608,7 +3499,6 @@ GtkListBox .h4 { background-color: transparent; color: #D3DAE3; } -/* the top half of the login-window, in GtkDialog terms, the content */ #content_frame { padding-bottom: 14px; background-color: #383C4A; @@ -3639,7 +3529,6 @@ GtkListBox .h4 { #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; @@ -3677,13 +3566,10 @@ GtkListBox .h4 { #login_window #user_combobox .menu { font: normal; } -/* the user's avatar box */ #user_image { padding: 3px; border-radius: 2px; } -/* the border around the user's avatar box */ -/* the shutdown button */ #shutdown_button.button { background-clip: border-box; color: #ffffff; @@ -3703,7 +3589,6 @@ GtkListBox .h4 { background-color: #ec1b22; border-color: #ec1b22; } -/* the restart button */ #restart_button.button { background-clip: border-box; color: #ffffff; @@ -3723,7 +3608,6 @@ GtkListBox .h4 { background-color: #2e96c0; border-color: #2e96c0; } -/* 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; } @@ -3860,7 +3744,6 @@ NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #2a2d37; } -/*Fix Nautilus transparency issues*/ NautilusWindow NautilusWindowSlot { background-color: #404552; } @@ -4055,7 +3938,6 @@ MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserW MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } -/* GTK NAMED COLORS */ @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; @@ -4081,6 +3963,7 @@ MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserW @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #404552; @define-color wm_title alpha(#cfdae7,0.8); @define-color wm_unfocused_title alpha(#cfdae7,0.5); @define-color wm_bg #2f343f; @@ -4098,4 +3981,3 @@ MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserW @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; -@define-color content_view_bg #404552; |