mirror of
https://github.com/grassmunk/Chicago95.git
synced 2025-07-25 14:44:44 +02:00
Theme updates for nemo file manager
Themed nemo file manager Made some adjustments to frame views and stack views Removed the cinnamon.css file (replaced by nemo.css) Added a disabled arrow state for menu arrows
This commit is contained in:
parent
0a945429b6
commit
fd204a53e8
@ -1,24 +0,0 @@
|
|||||||
/* ===================================================================
|
|
||||||
* Nemo file-manager
|
|
||||||
* ===================================================================*/
|
|
||||||
|
|
||||||
.nemo-window .toolbar .toggle,
|
|
||||||
.nemo-window .toolbar .image-button {
|
|
||||||
border: 1px solid transparent;
|
|
||||||
box-shadow: none; }
|
|
||||||
.nemo-window .toolbar .toggle:hover,
|
|
||||||
.nemo-window .toolbar .image-button:hover {
|
|
||||||
border-top: 1px solid @bg_bright;
|
|
||||||
border-left: 1px solid @bg_bright;
|
|
||||||
border-right: 1px solid @bg_dark;
|
|
||||||
border-bottom: 1px solid @bg_dark;
|
|
||||||
box-shadow: inset -1px -1px @bg_shade; }
|
|
||||||
.nemo-window .toolbar .toggle:active,
|
|
||||||
.nemo-window .toolbar .toggle:checked,
|
|
||||||
.nemo-window .toolbar .image-button:active,
|
|
||||||
.nemo-window .toolbar .image-button:checked {
|
|
||||||
border-top: 1px solid @bg_dark;
|
|
||||||
border-left: 1px solid @bg_dark;
|
|
||||||
border-right: 1px solid @bg_bright;
|
|
||||||
border-bottom: 1px solid @bg_bright;
|
|
||||||
box-shadow: inset 1px 1px @bg_shade; }
|
|
87
Theme/Chicago95/gtk-3.0/apps/nemo.css
Normal file
87
Theme/Chicago95/gtk-3.0/apps/nemo.css
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
/********
|
||||||
|
* nemo *
|
||||||
|
********/
|
||||||
|
|
||||||
|
/*
|
||||||
|
Contributor notes:
|
||||||
|
Please use two space indentions.
|
||||||
|
Stack all related and child selectors and selector states into a logical hierarchy to a readable degree.
|
||||||
|
Make sure that all changes made here are part of the .nemo-window.
|
||||||
|
*/
|
||||||
|
|
||||||
|
.nemo-window {
|
||||||
|
-gtk-icon-style: regular; }
|
||||||
|
|
||||||
|
.nemo-window toolbar button,
|
||||||
|
.nemo-window .toggle {
|
||||||
|
min-width: 16px;
|
||||||
|
min-height: 16px;
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-bottom: 2px; }
|
||||||
|
.nemo-window .toolbar .toggle,
|
||||||
|
.nemo-window .toolbar .image-button {
|
||||||
|
border: 1px solid transparent;
|
||||||
|
box-shadow: none; }
|
||||||
|
.nemo-window .toolbar .toggle:hover,
|
||||||
|
.nemo-window .toolbar .image-button:hover {
|
||||||
|
border-top: 1px solid @bg_bright;
|
||||||
|
border-left: 1px solid @bg_bright;
|
||||||
|
border-right: 1px solid @bg_dark;
|
||||||
|
border-bottom: 1px solid @bg_dark;
|
||||||
|
box-shadow: inset -1px -1px @bg_shade; }
|
||||||
|
.nemo-window .toolbar .toggle:active,
|
||||||
|
.nemo-window .toolbar .toggle:checked,
|
||||||
|
.nemo-window .toolbar .image-button:active,
|
||||||
|
.nemo-window .toolbar .image-button:checked {
|
||||||
|
border-top: 1px solid @bg_dark;
|
||||||
|
border-left: 1px solid @bg_dark;
|
||||||
|
border-right: 1px solid @bg_bright;
|
||||||
|
border-bottom: 1px solid @bg_bright;
|
||||||
|
box-shadow: inset 1px 1px @bg_shade; }
|
||||||
|
.nemo-window .toggle:checked {
|
||||||
|
background-color: @border_bright;
|
||||||
|
background-image: linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_color), linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @border_dark);
|
||||||
|
background-size: 2px 2px;
|
||||||
|
background-position: 0 0, 1px 1px; }
|
||||||
|
|
||||||
|
.nemo-window notebook scrolledwindow {
|
||||||
|
padding: 0px;
|
||||||
|
border-top: 2px solid @border_dark;
|
||||||
|
border-bottom: 2px solid @border_dark;
|
||||||
|
border-left: 2px solid @border_dark;
|
||||||
|
border-right: 2px solid @border_dark;
|
||||||
|
border-image: url("../assets/frame_inset.png");
|
||||||
|
border-image-slice: 2 2 2 2;
|
||||||
|
box-shadow: none; }
|
||||||
|
.nemo-window header tabs tab {
|
||||||
|
padding: 0px; }
|
||||||
|
.nemo-window header tabs tab box {
|
||||||
|
padding: 0px;
|
||||||
|
margin-top: -2px;
|
||||||
|
margin-bottom: -2px; }
|
||||||
|
.nemo-window header tabs tab button {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
box-shadow: none; }
|
||||||
|
.nemo-window header tabs tab button image {
|
||||||
|
padding: 0px;
|
||||||
|
margin-top: -1px;
|
||||||
|
margin-bottom: -2px; }
|
||||||
|
|
||||||
|
.nemo-window statusbar {
|
||||||
|
margin-right: -9px;
|
||||||
|
margin-left: -9px;
|
||||||
|
margin-top: 3px;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
padding: 0px; }
|
||||||
|
.nemo-window statusbar frame box {
|
||||||
|
margin-bottom: -3px;
|
||||||
|
margin-top: -3px; }
|
||||||
|
.nemo-window statusbar frame box label {
|
||||||
|
margin-top: -1px;
|
||||||
|
margin-bottom: -1px; }
|
||||||
|
|
||||||
|
.nemo-window widget.view:selected {
|
||||||
|
background-color: shade(@selected_bg_color, 3.0); }
|
||||||
|
.thunar widget.view:selected:focus {
|
||||||
|
background-color: @selected_bg_color; }
|
@ -9,7 +9,8 @@
|
|||||||
Make sure that all changes made here are part of the GtkFrame.
|
Make sure that all changes made here are part of the GtkFrame.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
frame {
|
frame,
|
||||||
|
frame.view {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
background-color: @theme_bg_color;
|
background-color: @theme_bg_color;
|
||||||
|
@ -19,12 +19,14 @@ window > menu {
|
|||||||
border: 1px solid @border_dark;
|
border: 1px solid @border_dark;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background-color: @bg_bright;
|
background-color: @bg_bright;
|
||||||
color: @text_color; }
|
color: @text_color;
|
||||||
|
-gtk-icon-style: regular }
|
||||||
|
|
||||||
/* NOTE: Menu border styling is moved to client side decorations. See gtk-window.css for menu border styling. */
|
/* NOTE: Menu border styling is moved to client side decorations. See gtk-window.css for menu border styling. */
|
||||||
menu {
|
menu {
|
||||||
background-color: @menu_bg_color; /* NOTE: While a background colour is required here, there will be a 2px internal padding applied to window decorations which will also have a background colour too. */
|
background-color: @menu_bg_color; /* NOTE: While a background colour is required here, there will be a 2px internal padding applied to window decorations which will also have a background colour too. */
|
||||||
color: @menu_text_color; }
|
color: @menu_text_color;
|
||||||
|
-gtk-icon-style: regular }
|
||||||
/* menuitem */
|
/* menuitem */
|
||||||
menu menuitem {
|
menu menuitem {
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
@ -79,25 +81,29 @@ menu arrow {
|
|||||||
background-image: url("assets/arrow-right.png"); }
|
background-image: url("assets/arrow-right.png"); }
|
||||||
menu :hover > arrow.right {
|
menu :hover > arrow.right {
|
||||||
background-image: url("assets/arrow-right-selected.png"); }
|
background-image: url("assets/arrow-right-selected.png"); }
|
||||||
menu :checked > arrow.right {
|
menu :checked > arrow.right,
|
||||||
|
menu :disabled > arrow.right {
|
||||||
background-image: url("assets/arrow-right-disabled.png"); }
|
background-image: url("assets/arrow-right-disabled.png"); }
|
||||||
menu arrow.left {
|
menu arrow.left {
|
||||||
background-image: url("assets/arrow-left.png"); }
|
background-image: url("assets/arrow-left.png"); }
|
||||||
menu :hover > arrow.left {
|
menu :hover > arrow.left {
|
||||||
background-image: url("assets/arrow-left-selected.png"); }
|
background-image: url("assets/arrow-left-selected.png"); }
|
||||||
menu :checked > arrow.left {
|
menu :checked > arrow.left,
|
||||||
|
menu :disabled > arrow.left {
|
||||||
background-image: url("assets/arrow-left-disabled.png"); }
|
background-image: url("assets/arrow-left-disabled.png"); }
|
||||||
menu arrow.up {
|
menu arrow.up {
|
||||||
background-image: url("assets/arrow-up.png"); }
|
background-image: url("assets/arrow-up.png"); }
|
||||||
menu :hover > arrow.up {
|
menu :hover > arrow.up {
|
||||||
background-image: url("assets/arrow-up-selected.png"); }
|
background-image: url("assets/arrow-up-selected.png"); }
|
||||||
menu :checked > arrow.up {
|
menu :checked > arrow.up
|
||||||
|
menu :disabled > arrow.up {
|
||||||
background-image: url("assets/arrow-up-disabled.png"); }
|
background-image: url("assets/arrow-up-disabled.png"); }
|
||||||
menu arrow.down {
|
menu arrow.down {
|
||||||
background-image: url("assets/arrow-down.png"); }
|
background-image: url("assets/arrow-down.png"); }
|
||||||
menu :hover > arrow.down {
|
menu :hover > arrow.down {
|
||||||
background-image: url("assets/arrow-down-selected.png"); }
|
background-image: url("assets/arrow-down-selected.png"); }
|
||||||
menu :checked > arrow.down {
|
menu :checked > arrow.down,
|
||||||
|
menu :disabled > arrow.down {
|
||||||
background-image: url("assets/arrow-down-disabled.png"); }
|
background-image: url("assets/arrow-down-disabled.png"); }
|
||||||
|
|
||||||
/* Directional menu arrow styling */
|
/* Directional menu arrow styling */
|
||||||
|
@ -285,6 +285,10 @@ stacksidebar list row:selected:hover {
|
|||||||
* stack *
|
* stack *
|
||||||
***********/
|
***********/
|
||||||
|
|
||||||
|
/* Some applications will use stacks in non-conventional ways. This should prevent theming of .view in gtk-viewports.css from affecting stack views. */
|
||||||
|
stack.view {
|
||||||
|
background-color: @bg_color; }
|
||||||
|
|
||||||
stack overlay box box scrolledwindow viewport list row {
|
stack overlay box box scrolledwindow viewport list row {
|
||||||
border-bottom: 1px solid @border_shade; }
|
border-bottom: 1px solid @border_shade; }
|
||||||
|
|
||||||
|
@ -144,7 +144,7 @@
|
|||||||
@import url("apps/filechooser.css");
|
@import url("apps/filechooser.css");
|
||||||
@import url("apps/mate.css");
|
@import url("apps/mate.css");
|
||||||
@import url("apps/thunar.css");
|
@import url("apps/thunar.css");
|
||||||
@import url("apps/cinnamon.css");
|
@import url("apps/nemo.css");
|
||||||
|
|
||||||
/* Please keep these in their originial load order. */
|
/* Please keep these in their originial load order. */
|
||||||
@import url("gtk-widgets.css");
|
@import url("gtk-widgets.css");
|
||||||
|
@ -1,24 +0,0 @@
|
|||||||
/* ===================================================================
|
|
||||||
* Nemo file-manager
|
|
||||||
* ===================================================================*/
|
|
||||||
|
|
||||||
.nemo-window .toolbar .toggle,
|
|
||||||
.nemo-window .toolbar .image-button {
|
|
||||||
border: 1px solid transparent;
|
|
||||||
box-shadow: none; }
|
|
||||||
.nemo-window .toolbar .toggle:hover,
|
|
||||||
.nemo-window .toolbar .image-button:hover {
|
|
||||||
border-top: 1px solid @bg_bright;
|
|
||||||
border-left: 1px solid @bg_bright;
|
|
||||||
border-right: 1px solid @bg_dark;
|
|
||||||
border-bottom: 1px solid @bg_dark;
|
|
||||||
box-shadow: inset -1px -1px @bg_shade; }
|
|
||||||
.nemo-window .toolbar .toggle:active,
|
|
||||||
.nemo-window .toolbar .toggle:checked,
|
|
||||||
.nemo-window .toolbar .image-button:active,
|
|
||||||
.nemo-window .toolbar .image-button:checked {
|
|
||||||
border-top: 1px solid @bg_dark;
|
|
||||||
border-left: 1px solid @bg_dark;
|
|
||||||
border-right: 1px solid @bg_bright;
|
|
||||||
border-bottom: 1px solid @bg_bright;
|
|
||||||
box-shadow: inset 1px 1px @bg_shade; }
|
|
87
Theme/Chicago95/gtk-3.24/apps/nemo.css
Normal file
87
Theme/Chicago95/gtk-3.24/apps/nemo.css
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
/********
|
||||||
|
* nemo *
|
||||||
|
********/
|
||||||
|
|
||||||
|
/*
|
||||||
|
Contributor notes:
|
||||||
|
Please use two space indentions.
|
||||||
|
Stack all related and child selectors and selector states into a logical hierarchy to a readable degree.
|
||||||
|
Make sure that all changes made here are part of the .nemo-window.
|
||||||
|
*/
|
||||||
|
|
||||||
|
.nemo-window {
|
||||||
|
-gtk-icon-style: regular; }
|
||||||
|
|
||||||
|
.nemo-window toolbar button,
|
||||||
|
.nemo-window .toggle {
|
||||||
|
min-width: 16px;
|
||||||
|
min-height: 16px;
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-bottom: 2px; }
|
||||||
|
.nemo-window .toolbar .toggle,
|
||||||
|
.nemo-window .toolbar .image-button {
|
||||||
|
border: 1px solid transparent;
|
||||||
|
box-shadow: none; }
|
||||||
|
.nemo-window .toolbar .toggle:hover,
|
||||||
|
.nemo-window .toolbar .image-button:hover {
|
||||||
|
border-top: 1px solid @bg_bright;
|
||||||
|
border-left: 1px solid @bg_bright;
|
||||||
|
border-right: 1px solid @bg_dark;
|
||||||
|
border-bottom: 1px solid @bg_dark;
|
||||||
|
box-shadow: inset -1px -1px @bg_shade; }
|
||||||
|
.nemo-window .toolbar .toggle:active,
|
||||||
|
.nemo-window .toolbar .toggle:checked,
|
||||||
|
.nemo-window .toolbar .image-button:active,
|
||||||
|
.nemo-window .toolbar .image-button:checked {
|
||||||
|
border-top: 1px solid @bg_dark;
|
||||||
|
border-left: 1px solid @bg_dark;
|
||||||
|
border-right: 1px solid @bg_bright;
|
||||||
|
border-bottom: 1px solid @bg_bright;
|
||||||
|
box-shadow: inset 1px 1px @bg_shade; }
|
||||||
|
.nemo-window .toggle:checked {
|
||||||
|
background-color: @border_bright;
|
||||||
|
background-image: linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_color), linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @border_dark);
|
||||||
|
background-size: 2px 2px;
|
||||||
|
background-position: 0 0, 1px 1px; }
|
||||||
|
|
||||||
|
.nemo-window notebook scrolledwindow {
|
||||||
|
padding: 0px;
|
||||||
|
border-top: 2px solid @border_dark;
|
||||||
|
border-bottom: 2px solid @border_dark;
|
||||||
|
border-left: 2px solid @border_dark;
|
||||||
|
border-right: 2px solid @border_dark;
|
||||||
|
border-image: url("../assets/frame_inset.png");
|
||||||
|
border-image-slice: 2 2 2 2;
|
||||||
|
box-shadow: none; }
|
||||||
|
.nemo-window header tabs tab {
|
||||||
|
padding: 0px; }
|
||||||
|
.nemo-window header tabs tab box {
|
||||||
|
padding: 0px;
|
||||||
|
margin-top: -2px;
|
||||||
|
margin-bottom: -2px; }
|
||||||
|
.nemo-window header tabs tab button {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
box-shadow: none; }
|
||||||
|
.nemo-window header tabs tab button image {
|
||||||
|
padding: 0px;
|
||||||
|
margin-top: -1px;
|
||||||
|
margin-bottom: -2px; }
|
||||||
|
|
||||||
|
.nemo-window statusbar {
|
||||||
|
margin-right: -9px;
|
||||||
|
margin-left: -9px;
|
||||||
|
margin-top: 3px;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
padding: 0px; }
|
||||||
|
.nemo-window statusbar frame box {
|
||||||
|
margin-bottom: -3px;
|
||||||
|
margin-top: -3px; }
|
||||||
|
.nemo-window statusbar frame box label {
|
||||||
|
margin-top: -1px;
|
||||||
|
margin-bottom: -1px; }
|
||||||
|
|
||||||
|
.nemo-window widget.view:selected {
|
||||||
|
background-color: shade(@selected_bg_color, 3.0); }
|
||||||
|
.thunar widget.view:selected:focus {
|
||||||
|
background-color: @selected_bg_color; }
|
@ -9,7 +9,8 @@
|
|||||||
Make sure that all changes made here are part of the GtkFrame.
|
Make sure that all changes made here are part of the GtkFrame.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
frame {
|
frame,
|
||||||
|
frame.view {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
background-color: @theme_bg_color;
|
background-color: @theme_bg_color;
|
||||||
|
@ -19,12 +19,14 @@ window > menu {
|
|||||||
border: 1px solid @border_dark;
|
border: 1px solid @border_dark;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background-color: @bg_bright;
|
background-color: @bg_bright;
|
||||||
color: @text_color; }
|
color: @text_color;
|
||||||
|
-gtk-icon-style: regular }
|
||||||
|
|
||||||
/* NOTE: Menu border styling is moved to client side decorations. See gtk-window.css for menu border styling. */
|
/* NOTE: Menu border styling is moved to client side decorations. See gtk-window.css for menu border styling. */
|
||||||
menu {
|
menu {
|
||||||
background-color: @menu_bg_color; /* NOTE: While a background colour is required here, there will be a 2px internal padding applied to window decorations which will also have a background colour too. */
|
background-color: @menu_bg_color; /* NOTE: While a background colour is required here, there will be a 2px internal padding applied to window decorations which will also have a background colour too. */
|
||||||
color: @menu_text_color; }
|
color: @menu_text_color;
|
||||||
|
-gtk-icon-style: regular }
|
||||||
/* menuitem */
|
/* menuitem */
|
||||||
menu menuitem {
|
menu menuitem {
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
@ -79,25 +81,29 @@ menu arrow {
|
|||||||
background-image: url("assets/arrow-right.png"); }
|
background-image: url("assets/arrow-right.png"); }
|
||||||
menu :hover > arrow.right {
|
menu :hover > arrow.right {
|
||||||
background-image: url("assets/arrow-right-selected.png"); }
|
background-image: url("assets/arrow-right-selected.png"); }
|
||||||
menu :checked > arrow.right {
|
menu :checked > arrow.right,
|
||||||
|
menu :disabled > arrow.right {
|
||||||
background-image: url("assets/arrow-right-disabled.png"); }
|
background-image: url("assets/arrow-right-disabled.png"); }
|
||||||
menu arrow.left {
|
menu arrow.left {
|
||||||
background-image: url("assets/arrow-left.png"); }
|
background-image: url("assets/arrow-left.png"); }
|
||||||
menu :hover > arrow.left {
|
menu :hover > arrow.left {
|
||||||
background-image: url("assets/arrow-left-selected.png"); }
|
background-image: url("assets/arrow-left-selected.png"); }
|
||||||
menu :checked > arrow.left {
|
menu :checked > arrow.left,
|
||||||
|
menu :disabled > arrow.left {
|
||||||
background-image: url("assets/arrow-left-disabled.png"); }
|
background-image: url("assets/arrow-left-disabled.png"); }
|
||||||
menu arrow.up {
|
menu arrow.up {
|
||||||
background-image: url("assets/arrow-up.png"); }
|
background-image: url("assets/arrow-up.png"); }
|
||||||
menu :hover > arrow.up {
|
menu :hover > arrow.up {
|
||||||
background-image: url("assets/arrow-up-selected.png"); }
|
background-image: url("assets/arrow-up-selected.png"); }
|
||||||
menu :checked > arrow.up {
|
menu :checked > arrow.up
|
||||||
|
menu :disabled > arrow.up {
|
||||||
background-image: url("assets/arrow-up-disabled.png"); }
|
background-image: url("assets/arrow-up-disabled.png"); }
|
||||||
menu arrow.down {
|
menu arrow.down {
|
||||||
background-image: url("assets/arrow-down.png"); }
|
background-image: url("assets/arrow-down.png"); }
|
||||||
menu :hover > arrow.down {
|
menu :hover > arrow.down {
|
||||||
background-image: url("assets/arrow-down-selected.png"); }
|
background-image: url("assets/arrow-down-selected.png"); }
|
||||||
menu :checked > arrow.down {
|
menu :checked > arrow.down,
|
||||||
|
menu :disabled > arrow.down {
|
||||||
background-image: url("assets/arrow-down-disabled.png"); }
|
background-image: url("assets/arrow-down-disabled.png"); }
|
||||||
|
|
||||||
/* Directional menu arrow styling */
|
/* Directional menu arrow styling */
|
||||||
|
@ -285,6 +285,10 @@ stacksidebar list row:selected:hover {
|
|||||||
* stack *
|
* stack *
|
||||||
***********/
|
***********/
|
||||||
|
|
||||||
|
/* Some applications will use stacks in non-conventional ways. This should prevent theming of .view in gtk-viewports.css from affecting stack views. */
|
||||||
|
stack.view {
|
||||||
|
background-color: @bg_color; }
|
||||||
|
|
||||||
stack overlay box box scrolledwindow viewport list row {
|
stack overlay box box scrolledwindow viewport list row {
|
||||||
border-bottom: 1px solid @border_shade; }
|
border-bottom: 1px solid @border_shade; }
|
||||||
|
|
||||||
|
@ -144,7 +144,7 @@
|
|||||||
@import url("apps/filechooser.css");
|
@import url("apps/filechooser.css");
|
||||||
@import url("apps/mate.css");
|
@import url("apps/mate.css");
|
||||||
@import url("apps/thunar.css");
|
@import url("apps/thunar.css");
|
||||||
@import url("apps/cinnamon.css");
|
@import url("apps/nemo.css");
|
||||||
|
|
||||||
/* Please keep these in their originial load order. */
|
/* Please keep these in their originial load order. */
|
||||||
@import url("gtk-widgets.css");
|
@import url("gtk-widgets.css");
|
||||||
|
Loading…
x
Reference in New Issue
Block a user