summaryrefslogtreecommitdiffstats
path: root/src/resources/css
diff options
context:
space:
mode:
Diffstat (limited to 'src/resources/css')
-rw-r--r--src/resources/css/Adwaita.css215
-rw-r--r--src/resources/css/nautilus.css10
2 files changed, 225 insertions, 0 deletions
diff --git a/src/resources/css/Adwaita.css b/src/resources/css/Adwaita.css
new file mode 100644
index 0000000..546d3e9
--- /dev/null
+++ b/src/resources/css/Adwaita.css
@@ -0,0 +1,215 @@
+.nautilus-window,
+.nautilus-window notebook,
+.nautilus-window notebook > stack {
+ background: @theme_base_color;
+}
+
+.nautilus-canvas-item {
+ border-radius: 5px;
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: mix (@theme_fg_color, @theme_bg_color, 0.50);
+}
+
+.nautilus-canvas-item.dim-label:selected,
+.nautilus-list-dim-label:selected {
+ color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
+}
+
+/* Toolbar */
+
+/* Here we use the .button background-image colors from Adwaita, but ligthen them,
+ * since is not possible to use lighten () in common css. */
+@keyframes needs_attention_keyframes {
+ 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
+ /* can't do animation-direction, so holding the color on two keyframes */
+ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
+ 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
+ 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: needs_attention_keyframes 2s ease-in-out;
+}
+.nautilus-operations-button-needs-attention-multiple {
+ animation: needs_attention_keyframes 3s ease-in-out;
+ animation-iteration-count: 3;
+}
+
+.disclosure-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/* Path bar */
+
+.path-bar-box {
+ border-radius: 5px;
+ border: 1px @borders solid;
+ background-color: @theme_bg_color;
+ padding-right: 6px;
+}
+
+.nautilus-path-bar button {
+ margin: 0px;
+}
+
+.nautilus-path-bar button:first-child {
+ border-width: 0px 1px 0px 0px;
+ border-radius: 3.5px 0px 0px 3.5px;
+}
+
+.nautilus-path-bar button:not(:first-child) {
+ border-width: 0px 1px 0px 1px;
+ border-radius: 0px 0px 0px 0px;
+}
+
+.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
+
+/* Make the tags fit into the box */
+entry.search > * {
+ margin: 5px;
+}
+
+/* Sidebar */
+
+.nautilus-window .sidebar-row:selected {
+ background: mix(@theme_bg_color, @theme_fg_color, 0.07);
+}
+
+.nautilus-window .sidebar-row:selected,
+.nautilus-window .sidebar-row:selected image,
+.nautilus-window .sidebar-row:selected label {
+ color: mix(@theme_fg_color, @theme_text_color, 0.5);
+}
+
+.nautilus-window .sidebar-row:selected:backdrop {
+ background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
+}
+
+.nautilus-window .sidebar-row:selected:backdrop,
+.nautilus-window .sidebar-row:selected:backdrop label {
+ color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
+}
+
+/* Floating status bar */
+.floating-bar {
+ padding: 1px;
+ background-color: @theme_base_color;
+ border-width: 1px;
+ border-style: solid solid none;
+ border-color: @borders;
+ border-radius: 3px 3px 0 0;
+}
+
+.floating-bar.bottom.left { /* axes left border and border radius */
+ border-left-style: none;
+ border-top-left-radius: 0;
+}
+.floating-bar.bottom.right { /* axes right border and border radius */
+ border-right-style: none;
+ border-top-right-radius: 0;
+}
+
+.floating-bar:backdrop {
+ background-color: @theme_unfocused_base_color;
+ border-color: @unfocused_borders;
+}
+
+.floating-bar button {
+ padding: 0px;
+}
+
+@define-color disk_space_unknown #888a85;
+@define-color disk_space_used #729fcf;
+@define-color disk_space_free #eeeeec;
+
+.disk-space-display {
+ border-style: solid;
+ border-width: 2px;
+}
+
+.disk-space-display.unknown {
+ background-color: @disk_space_unknown;
+ border-color: shade(@disk_space_unknown, 0.7);
+ color: @disk_space_unknown;
+}
+.disk-space-display.unknown.border {
+ color: shade(@disk_space_unknown, 0.7);
+}
+
+.disk-space-display.used {
+ background-color: @disk_space_used;
+ border-color: shade(@disk_space_used, 0.7);
+ color: @disk_space_used;
+}
+.disk-space-display.used.border {
+ color: shade(@disk_space_used, 0.7);
+}
+
+.disk-space-display.free {
+ background-color: @disk_space_free;
+ border-color: shade(@disk_space_free, 0.7);
+ color: @disk_space_free;
+}
+.disk-space-display.free.border {
+ color: shade(@disk_space_free, 0.7);
+}
+
+/* View */
+.nautilus-list-view .view {
+ border-bottom: 1px solid @theme_bg_color;
+}
+
+.search-information {
+ background-color: @theme_selected_bg_color;
+ color:white;
+ padding:2px;
+}
+
+/* Hide superfluous treeview drop target indication */
+.nautilus-list-view .view.dnd {
+ border-style: none;
+}
+
+@define-color conflict_bg #fef6b6;
+
+.conflict-row {
+ background: @conflict_bg;
+ color: black;
+}
+
+.conflict-row:hover {
+ background-color: shade(@conflict_bg, 0.9);
+}
+
+.conflict-row:selected {
+ background: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+/* Icon view */
+flowboxchild:selected {
+ background-color:transparent;
+}
+
+.icon-background {
+ background-color:black;
+ border-color:#4a90d9;
+ border-style:solid;
+ border-width:0px;
+}
+
+flowboxchild > .icon-item-background {
+ padding:4px;
+}
+flowboxchild:selected > .icon-item-background {
+ padding:4px;
+ background-color:#4a90d9;
+ border-color:#4a90d9;
+ border-style:solid;
+ border-width:0px;
+ border-radius:4px 4px 4px 4px;
+}
diff --git a/src/resources/css/nautilus.css b/src/resources/css/nautilus.css
new file mode 100644
index 0000000..a85df66
--- /dev/null
+++ b/src/resources/css/nautilus.css
@@ -0,0 +1,10 @@
+.nautilus-circular-button {
+ border-radius: 20px;
+ -gtk-outline-radius: 20px;
+}
+
+.nautilus-menu-sort-heading {
+ min-height: 26px;
+ padding-left: 5px;
+ padding-right: 5px;
+}