Hallo,
ich benutze unter Gnome Shell das Theme "Elements"
Leider wird mir die Nautilus sidebar immer dunkelgrau angezeigt, was nicht hineinpasst.
Wie kann ich das ändern? Also dass es die gleiche farbe hat wie alles obendrüber?
GTK-widgets.css
/** * Style classes. * * The style classes rules apply to any widget defining that class. * For example, the .buttons class applies to all types of buttons, * and allows you to theme all these types of buttons using a single * set of rules. * * You can use all style properties defined for any of the class * members in the class rules. These properties can be found in * 'Template\Widgets\WidgetName.css'. */ * { -GtkArrow-arrow-scaling: 0.5; -GtkButton-child-displacement-x: 0; -GtkButton-child-displacement-y: 0; -GtkButton-default-border: 0; -GtkButton-image-spacing: 0; -GtkButton-interior-focus: true; -GtkButton-inner-border: 2; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkEntry-inner-border: 1; -GtkEntry-progress-border: 0; -GtkExpander-expander-size: 0; -GtkHTML-link-color: @link_color; -GtkIMHtml-hyperlink-color: @link_color; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkMenuBar-internal-padding: 0; -GtkMenuItem-arrow-scaling: 0.5; -GtkNotebook-tab-overlap: 0; -GtkPaned-handle-size: 0; -GtkProgressBar-min-horizontal-bar-height: 14; -GtkProgressBar-min-vertical-bar-width: 14; -GtkRange-trough-border: 0; -GtkRange-slider-width: 14; -GtkRange-stepper-size: 13; -GtkRange-trough-under-steppers: 1; -GtkRange-stepper-spacing: 0; -GtkScale-trough-border: 0; -GtkScrollbar-activate-slider: 1; -GtkScrollbar-trough-border: 0; -GtkScrollbar-min-slider-length: 31; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkSeparatorMenuItem-horizontal-padding: 0; -GtkStatusbar-shadow-type: none; -GtkTextView-error-underline-color: @error_color; -GtkToolButton-icon-spacing: 6; -GtkToolItemGroup-expander-size: 11; -GtkToolbar-internal-padding: 0; -GtkTreeView-expander-size: 8; -GtkTreeView-vertical-separator: 0; -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 0; -GtkWidget-separator-height: 0; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; -GtkWidget-link-color: @link_color; -GtkWidget-visited-link-color: @link_color; -GtkWindow-resize-grip-default: false; -WnckTasklist-fade-overlay-rect: 0; border-width: 1; engine: unico; -unico-focus-border-color: alpha (@selected_bg_color, 0.5); -unico-focus-border-radius: 3; -unico-focus-fill-color: alpha (@selected_bg_color, 0.0); -unico-focus-outer-stroke-color: @transparent; -unico-inner-stroke-color: shade (@bg_color, 1.1); -unico-inner-stroke-width: 0; } .button, .notebook { -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.8)), to (shade (@bg_color, 0.76))); } .notebook { -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.2); -unico-inner-stroke-gradient: none; -unico-inner-stroke-width: 1; } .button:insensitive, .notebook:insensitive { -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.8)), to (shade (@bg_color, 0.8))); } *:insensitive { color: shade (@bg_color, 0.6); } *:active { } *:active:hover:insensitive { } *:active:insensitive { } *:hover { } *:hover:insensitive { } *:selected { } *:selected:focused { } .accelerator { /* Members: GtkAccelLabel. */ } .frame { color: bg_color; border-style: none; border-width: 1; } .radio { /* Members: GtkCellRendererToggle, GtkRadioMenuItem, GtkRadioButton. */ } .menu.radio { color: @fg_color; } .calendar { /* Members: GtkCalendar. */ } .check { /* Members: GtkCheckMenuItem, GtkCellRendererToggle, GtkCheckButton. */ } .menubar { border-width: 0; background-color: @bg_color; color: @selected_fg_color; /* Members: GtkMenuBar. */ } .spinner { /* Members: GtkSpinner. */ } .menu { background-color: @bg_color; color: @fg_color; border-width: 0; /* Members: GtkCheckMenuItem, GtkRadioMenuItem, GtkMenu, GtkMenuItem. */ } .menuitem { border-radius: 2; border-style: solid; border-width: 0; padding: 3; color: @fg_color; -unico-inner-stroke-width: 0; } .menuitem:hover, .menuitem *:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 1.1)), to (shade (@selected_bg_color, 0.9))); color: @selected_fg_color; -unico-bullet-color: @fg_color; -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 0.7)), to (shade (@selected_bg_color, 0.7))); -unico-glow-color: shade (@selected_fg_color, 1.1); -unico-glow-radius: 6; -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 1.2)), to (shade (@selected_bg_color, 1.0))); } .tooltip { background-color: #000; color: #fff; border-width: 0; /* Members: GtkTooltip. */ } .cell { border-width: 0; /* Members: GtkCellRendererToggle. */ } .viewport { border-width: 1; /* Members: GtkViewport. */ } .grip { border-width: 1; /* Members: GtkWindow. */ } .popup { /* Members: GtkMenu. */ } .scrolled-window { /* Members: GtkScrolledWindow. */ } .slider { /* Members: GtkScale, GtkScrollbar. */ } .notebook { background-image: none; border-radius: 0; padding-top: 0; -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3); -unico-inner-stroke-gradient: none; /* Members: GtkNotebook. */ } .notebook tab { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.10)), to (shade (@bg_color, 1.0))); border-radius: 2; padding-top: 2; } .notebook tab:active { background-color: shade (@bg_color, 1.06); } .trough { /* Members: GtkProgressBar, GtkScale, GtkScrollbar. */ } .background { background-color: @bg_color; border-width: 0; /* Members: GtkWindow. */ } .toolbar { border-width: 0 0 1 0; background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.0)), to (shade (@bg_color, 0.88))); -unico-inner-stroke-color: shade (@bg_color, 1.12); /* Members: GtkToolbar. */ } .secondary-toolbar.toolbar { -GtkToolbar-internal-padding: 1; -unico-inner-stroke-width: 1 0 1 0; background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.87)), to (shade (@bg_color, 0.80))); } .dock { /* Members: GtkHandleBox. */ } .button { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.10)), to (shade (@bg_color, 0.97))); border-color: @fg_color; border-width: 1; border-radius: 2; } .progressbar { /* Members: GtkProgressBar, GtkCellRendererProgress. */ } .arrow { /* Members: GtkArrow. */ } .menuitem { /* Members: GtkMenuItem. */ } .menuitem.check:active, .menuitem.radio:active { color: @fg_color; -unico-bullet-color: @fg_color; } .menuitem.check:active:hover, .menuitem.radio:active:hover { color: @fg_color; -unico-bullet-color: @fg_color; } .menuitem GtkCalendar, .menuitem GtkCalendar.button, .menuitem GtkCalendar.header, .menuitem GtkCalendar.view { background-color: @fg_color; background-image: none; border-radius: 0; border-style: none; border-width: 0; padding: 0; color: @selected_bg_color; } .menuitem GtkCalendar { background-color: shade (@fg_color, 1.3); background-image: none; } .menuitem .entry { background-color: shade (@fg_color, 1.3); background-image: none; color: @selected_bg_color; -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@fg_color, 0.75)), to (shade (@fg_color, 0.9))); -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@fg_color, 0.98)), to (shade (@fg_color, 1.1)));; } .menuitem GtkScale.trough { background-color: @selected_fg_color; background-image: none; -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@fg_color, 0.75)), to (shade (@fg_color, 1.15))); } .entry { border-width: 1; -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_fg_color, 0.74)), to (shade (@selected_fg_color, 0.85))); /* Members: GtkEntry. */ } .expander { /* Members: GtkExpander. */ } GtkScale { border-width: 0; -GtkScale-slider-length: 12; -GtkRange-slider-width: 12; -GtkRange-trough-border: 1; } GtkScale.slider { border-radius: 10; background-color: @selected_bg_color; } GtkScale.slider:insensitive { background-color: @selected_bg_color; } GtkScale.trough { -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (alpha (#fff, 0.00)), color-stop (0.50, alpha (#fff, 0.00)), to (alpha (#fff, 0.40))); } GtkScale.trough:insensitive { background-color: shade (@theme_bg_color, 1.20); border-color: shade (@inactive_frame_color, 0.845); } GtkScale.trough.horizontal { } GtkScale.trough.vertical { background-image: -gtk-gradient (linear, left top, right top, from (shade (@bg_color, 0.75)), to (shade (@bg_color, 0.90))); -unico-border-gradient: -gtk-gradient (linear, left top, right top, from (shade (@bg_color, 0.46)), to (shade (@bg_color, 0.58))); -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top, from (alpha (#000, 0.12)), to (alpha (#000, 0.06))); -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, right top, from (alpha (#fff, 0.00)), color-stop (0.50, alpha (#fff, 0.00)), to (alpha (#fff, 0.40))); } GtkScale.progressbar { } GtkScale.mark { background-color: shade (@bg_color, 0.56); } GtkSwitch { border-width: 1; font: bold condensed 10; } GtkSwitch.trough:active { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 0.89)), to (shade (@selected_bg_color, 1.11))); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 0.76)), to (shade (@selected_bg_color, 0.88))); } GtkSwitch.trough:insensitive { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.85)), color-stop (0.20, shade (@bg_color, 0.94)), to (@bg_color)); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.67)), to (shade (@bg_color, 0.74))); -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (alpha (#fff, 0.00)), color-stop (0.75, alpha (#fff, 0.00)), to (alpha (#fff, 0.40))); -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (alpha (#000, 0.10)), to (alpha (#000, 0.06))); } GtkSwitch.slider { border-width: 1; background-image: -gtk-gradient (linear, left top, left bottom, from (@base_color), to (shade (@base_color, 0.88))); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.78)), to (shade (@bg_color, 0.60))); -unico-focus-border-gradient: -gtk-gradient (linear, left top, left bottom, from (alpha (@keyboard_focus_border_a, 0.62)), to (alpha (@keyboard_focus_border_b, 0.62))); } GtkSwitch.slider:active { } GtkSwitch.slider:insensitive { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.06)), to (shade (@bg_color, 0.88))); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.76)), to (shade (@bg_color, 0.70))); } GtkProgressBar { border-width: 0; border-radius: 2; -GtkProgressBar-min-horizontal-bar-height: 14; -GtkProgressBar-min-vertical-bar-width: 14; padding: 1; } GtkProgressBar.progressbar { border-radius: 2; background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@base_color, 0.88)), to (@base_color)); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@base_color, 0.94)), to (shade (@base_color, 1.06))); -unico-inner-stroke-color: alpha (#fff, 0.0); } .check, .entry, .radio, GtkComboBoxText:nth-child(last) .button { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@base_color, 0.82)), color-stop (0.20, shade (@base_color, 0.94)), to (@base_color)); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.65)), to (shade (@bg_color, 0.72))); } /* Insensitive Trough */ .check:insensitive, .entry:insensitive, .radio:insensitive, GtkComboBoxText:nth-child(last) .button:insensitive { background-image: -gtk-gradient (linear, left top, left bottom, from (alpha (#000, 0.10)), color-stop (0.20, alpha (#000, 0.00)), to (alpha (#000, 0.00))); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.67)), to (shade (@bg_color, 0.74))); } /* Shallow Trough */ GtkProgressBar.trough, GtkScale.trough, GtkSwitch.trough { background-image: -gtk-gradient (linear, left top, left bottom, from (alpha (#000, 0.18)), color-stop (0.20, alpha (#000, 0.14)), to (alpha (#000, 0.04))); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.60)), to (shade (@bg_color, 0.70))); } .marlin-pathbar { padding: 4; } /* Postler */ PostlerMessages { -GtkTreeView-vertical-separator: 10; } PostlerMessages.view row:selected { border-width: 1 0 1 0; -unico-outer-stroke-width: 0; color:#333; background-image: -gtk-gradient (linear, left top, left bottom, from (#DCDCDC), to (#C7C7C7)); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@base_color, 0.70)), to (shade (@base_color, 0.64))); } .check { border-color: @text_color; -unico-bullet-color: @text_color; -unico-bullet-outline-color: alpha (@selected_bg_color, 0.0); } .radio { border-radius: 10; -unico-bullet-color: @text_color; -unico-bullet-outline-color: alpha (@selected_bg_color, 0.0); } .check:active, .radio:active { -unico-bullet-color: @text_color; -unico-bullet-outline-color: alpha (@selected_bg_color, 0.0); } .inline-toolbar.toolbar { -GtkToolbar-button-relief: normal; background-image: -gtk-gradient (linear, left top, left bottom, from (shade (#f2f1ef, 0.93)), color-stop (0.08, #f2f1ef), to (#ffffff)); border-radius: 0; border-style: solid; border-width: 1; padding: 3 4 4 4; } .inline-toolbar.toolbar:nth-child(last) { border-bottom-color: shade (@bg_color, 0.76); border-color: shade (@bg_color, 0.8); border-radius: 0 0 3 3; border-width: 0 1 1 1; } .inline-toolbar.toolbar .button { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.12)), to (shade (@bg_color, 0.88))); border-radius: 0; border-style: solid; border-width: 1 0 1 1; padding: 1; icon-shadow: 0 1 shade (@bg_color, 1.16); -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.16)), to (shade (@bg_color, 0.98))); -unico-outer-stroke-width: 1 0 1 0; } .inline-toolbar.toolbar .button *:active, .inline-toolbar.toolbar .button *:insensitive, .inline-toolbar.toolbar GtkToolButton .button:active, .inline-toolbar.toolbar GtkToolButton .button:insensitive { -unico-outer-stroke-width: 1 0 1 0; -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (alpha (shade (@bg_color, 0.05), 0.02)), to (alpha (shade (@bg_color, 0.05), 0.06))); } .inline-toolbar.toolbar .button *:insensitive, .inline-toolbar.toolbar GtkToolButton .button:insensitive { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.02)), to (shade (@bg_color, 0.98))); -unico-border-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.85)), to (shade (@bg_color, 0.8))); -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.16)), to (shade (@bg_color, 1.0))); } .inline-toolbar.toolbar .button:nth-child(first), .inline-toolbar.toolbar GtkToolButton:nth-child(first) .button { border-radius: 3 0 0 3; -unico-outer-stroke-width: 1 0 1 1; } .inline-toolbar.toolbar .button:nth-child(last), .inline-toolbar.toolbar GtkToolButton:nth-child(last) .button { border-radius: 0 3 3 0; border-width: 1; -unico-outer-stroke-width: 1 1 1 0; } NautilusTrashBar.info, NautilusXContentBar.info, NautilusSearchBar.info, NautilusQueryEditor.info { /* this background-color controls the symbolic icon in the entry */ background-color: mix (@fg_color, @base_color, 0.3); border-radius: 0; border-style: solid; border-width: 0 1 1 1; } NautilusSearchBar .entry { } .nautilus-cluebar-label { color: @fg_color; font: bold; } #nautilus-search-button *:active, #nautilus-search-button *:active:prelight { color: @dark_fg_color; } NautilusFloatingBar { background-color: @info_bg_color; border-radius: 3 3 0 0; border-style: solid; border-width: 1 1 1 1; border-color: @info_bg_color; -unico-border-gradient: none; } NautilusFloatingBar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; } NautilusWindow .sidebar, NautilusWindow .sidebar .view { background-color: @bg_color; color: @selected_bg_color; border-color: @selected_bg_color; } NautilusWindow .sidebar .frame { border-radius: 0; border-width: 0; } .sidebar, .sidebar .view { } .sidebar row:selected { text-shadow: 0 1 shade (@selected_bg_color, 1.0); background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 1.1)), to (shade (@selected_bg_color, 0.9))); } /* * Imports for widget-specific theming. */ @import url("widgets/gtkwindow.css"); @import url("widgets/gtkswitch.css"); @import url("widgets/gtkscrollbar.css"); @import url("widgets/gtkcalendar.css"); @import url("widgets/gtkcombobox.css"); @import url("widgets/gtkwidget.css"); @import url("widgets/gtknotebook.css"); @import url("widgets/gtkmessagedialog.css"); @import url("widgets/gtktreeview.css"); @import url("widgets/gtkcheckmenuitem.css"); @import url("widgets/gtkprogressbar.css"); @import url("widgets/gtkscale.css"); @import url("widgets/gtkbuttonbox.css"); @import url("widgets/gtkinfobar.css"); @import url("widgets/gtkscrolledwindow.css"); @import url("widgets/gtkrange.css"); @import url("widgets/gtkdialog.css"); @import url("widgets/gtktoolbutton.css"); @import url("widgets/gtkiconview.css"); @import url("widgets/gtkmenu.css"); @import url("widgets/gtkmenuitem.css"); @import url("widgets/gtkspinbutton.css"); @import url("widgets/gtktoolbar.css"); @import url("widgets/gtkcheckbutton.css"); @import url("widgets/gtkpaned.css"); @import url("widgets/gtktoolitemgroup.css"); @import url("widgets/gtkarrow.css"); @import url("widgets/gtkassistant.css"); @import url("widgets/gtktextview.css"); @import url("widgets/gtkexpander.css"); @import url("widgets/gtkmenubar.css"); @import url("widgets/gtkentry.css"); @import url("widgets/gtkbutton.css"); @import url("widgets/gtkstatusbar.css"); @import url("widgets/unity.css");
colors.css
/** * Color definitions. * * Each color defined in this file is usable as a symbolic color * in all files included after it. * * Color definitions have the format `@define-color <name> <value>;', * where <name> is a name you choose, and <value> is a color definition. * Defined colors can be used in rules with the syntax `@<name>' * * The most common color definition is a html color code: #rrbbgg * For more information see (1) or (2). * * (1) file:///usr/share/devhelp/books/gtk3/GtkCssProvider.html#gtkcssprovider-symbolic-colors * (2) http://developer.gnome.org/gtk3/3.1/GtkCssProvider.html#gtkcssprovider-symbolic-colors */ /* Default color scheme */ @define-color base_color #FFF; @define-color bg_color #DEDEDE; @define-color tooltip_bg_color #000; @define-color selected_bg_color #4a90d9; @define-color text_color #2e3436; @define-color fg_color #2e3436; @define-color tooltip_fg_color #FFF; @define-color selected_fg_color #fff; /* Colormap actually used by the theme, to be overridden in other css files */ @define-color theme_base_color @base_color; @define-color theme_text_color @text_color; @define-color theme_bg_color @bg_color; @define-color theme_fg_color @fg_color; @define-color theme_tooltip_bg_color @tooltip_bg_color; @define-color theme_tooltip_fg_color @tooltip_fg_color; @define-color theme_selected_bg_color @selected_bg_color; @define-color theme_selected_fg_color @selected_fg_color; @define-color link_color #08C; @define-color frame_color #8a9580; @define-color inactive_frame_color #c7ccc1; @define-color warning_color #f57900; @define-color error_color #cc0000; @define-color success_color #4e9a06; @define-color info_fg_color rgb (0, 136, 204); @define-color info_bg_color rgb (252, 252, 189); @define-color warning_fg_color rgb (173, 120, 41); @define-color warning_bg_color rgb (250, 173, 61); @define-color question_fg_color rgb (97, 122, 214); @define-color question_bg_color rgb (138, 173, 212); @define-color error_fg_color rgb (166, 38, 38); @define-color error_bg_color rgb (237, 54, 54);
ist für euch bestimmt schnell erledigt 😉