mirror of
https://github.com/vinceliuice/Colloid-gtk-theme.git
synced 2025-12-16 23:26:02 +00:00
update
This commit is contained in:
vinceliuice
@@ -1,38 +1,35 @@
|
||||
|
||||
//
|
||||
// Nautilus
|
||||
//
|
||||
.nautilus-window {
|
||||
placesview {
|
||||
label { color: $text-secondary; }
|
||||
}
|
||||
|
||||
.nautilus-grid-view {
|
||||
child.activatable {
|
||||
@extend %row_activatable;
|
||||
}
|
||||
}
|
||||
|
||||
.floating-bar {
|
||||
min-height: 32px;
|
||||
padding: 0;
|
||||
margin: $space-size;
|
||||
border-style: none;
|
||||
border-radius: $corner-radius;
|
||||
background-color: $primary;
|
||||
color: on($primary);
|
||||
box-shadow: $shadow-z3;
|
||||
|
||||
button {
|
||||
margin: (32px - $small-size) / 2;
|
||||
color: on($primary);
|
||||
|
||||
@extend %small-button;
|
||||
label {
|
||||
color: $text-secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#NautilusQueryEditor { // search entry
|
||||
.floating-bar {
|
||||
min-height: 32px;
|
||||
padding: 0;
|
||||
margin: $space-size;
|
||||
border-style: none;
|
||||
border-radius: $corner-radius;
|
||||
background-color: $primary;
|
||||
color: on($primary);
|
||||
box-shadow: $shadow-z3;
|
||||
|
||||
button {
|
||||
margin: (32px - $small-size) / 2;
|
||||
color: on($primary);
|
||||
|
||||
@extend %small-button;
|
||||
}
|
||||
}
|
||||
|
||||
#NautilusQueryEditor {
|
||||
|
||||
// search entry
|
||||
> menubutton > button.image-button {
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
@@ -79,13 +76,63 @@
|
||||
color: $text;
|
||||
}
|
||||
|
||||
&:first-child { margin-left: 0; }
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#NautilusViewCell {
|
||||
clamp box {
|
||||
.nautilus-grid-view {
|
||||
child.activatable {
|
||||
padding: 0;
|
||||
@extend %row_activatable;
|
||||
|
||||
#NautilusViewCell {
|
||||
padding: 0;
|
||||
|
||||
clamp box {
|
||||
margin: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.icon-ui-labels-box {
|
||||
margin: 0 0 $space-size * 2;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.dim-label {
|
||||
border-spacing: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nautilus-list-view {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-spacing: 0;
|
||||
|
||||
listview.view {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-spacing: 0;
|
||||
border-spacing: $space-size / 2;
|
||||
|
||||
> row.activatable {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: $button-radius;
|
||||
|
||||
> cell {
|
||||
padding: 0;
|
||||
|
||||
> widget#NautilusViewCell {
|
||||
padding: $space-size / 2 $space-size * 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(odd):not(:disabled) {
|
||||
background-image: image(gtkalpha(currentColor, 0.03));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -132,7 +179,9 @@ window.dialog {
|
||||
border-width: 0 0 1px 0;
|
||||
}
|
||||
|
||||
.history-view { background-color: $base; }
|
||||
.history-view {
|
||||
background-color: $base;
|
||||
}
|
||||
|
||||
#displayitem {
|
||||
padding: 0 12px 8px 0;
|
||||
@@ -316,14 +365,17 @@ button:checked:not(:backdrop) .calendar-color-image,
|
||||
|
||||
// month/year controls
|
||||
datechooser {
|
||||
navigator { // add some space between the two controls
|
||||
navigator {
|
||||
// add some space between the two controls
|
||||
margin-right: $space-size;
|
||||
margin-left: $space-size;
|
||||
margin-bottom: $space-size;
|
||||
}
|
||||
|
||||
navigator {
|
||||
label { font-weight: bold; }
|
||||
label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
button.flat,
|
||||
button.toggle,
|
||||
@@ -362,27 +414,36 @@ datechooser {
|
||||
color: on($primary);
|
||||
font-weight: bold;
|
||||
|
||||
dot { background-color: on($primary); }
|
||||
dot {
|
||||
background-color: on($primary);
|
||||
}
|
||||
}
|
||||
|
||||
&.today {
|
||||
color: $primary;
|
||||
|
||||
dot { background-color: $primary; }
|
||||
dot {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
&.other-month {
|
||||
|
||||
&:not(:hover),
|
||||
&:backdrop {
|
||||
color: gtkalpha(currentColor, 0.1);
|
||||
|
||||
dot { background-color: gtkalpha(currentColor, 0.1); }
|
||||
dot {
|
||||
background-color: gtkalpha(currentColor, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover:not(:backdrop) {
|
||||
color: $text-disabled;
|
||||
|
||||
dot { background-color: $text-disabled; }
|
||||
dot {
|
||||
background-color: $text-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -456,10 +517,14 @@ monthcell {
|
||||
background-color: gtkalpha($primary, 0.2);
|
||||
}
|
||||
|
||||
label.day-label { font-weight: bold; }
|
||||
label.day-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(7n + 1) { border-left-width: 0; }
|
||||
&:nth-child(7n + 1) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
&.today {
|
||||
background-color: gtkalpha($primary, 0.2);
|
||||
@@ -564,7 +629,7 @@ menubutton {
|
||||
border-radius: 0;
|
||||
border-top-style: none;
|
||||
border-bottom-style: none;
|
||||
|
||||
|
||||
&:hover:not(:backdrop) {
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
@@ -767,11 +832,12 @@ screenshot-carousel button,
|
||||
}
|
||||
|
||||
&.category-work {
|
||||
padding: 1px; /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
|
||||
padding: 1px;
|
||||
/* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
|
||||
color: #1c71d8;
|
||||
background-color:#fdf8d7;
|
||||
background-color: #fdf8d7;
|
||||
background-image: linear-gradient($border 1px, transparent 1px),
|
||||
linear-gradient(90deg, $border 1px, transparent 1px);
|
||||
linear-gradient(90deg, $border 1px, transparent 1px);
|
||||
background-size: 10px 10px, 10px 10px;
|
||||
background-position: -1px -4px, center -1px;
|
||||
|
||||
@@ -779,14 +845,14 @@ screenshot-carousel button,
|
||||
color: #1c71d8;
|
||||
background-color: lighten(#fdf8d7, 5%);
|
||||
background-image: linear-gradient($border 1px, transparent 1px),
|
||||
linear-gradient(90deg, $border 1px, transparent 1px);
|
||||
linear-gradient(90deg, $border 1px, transparent 1px);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: #1c71d8;
|
||||
background-color: darken(#fdf8d7, 5%);
|
||||
background-image: linear-gradient($border 1px, transparent 1px),
|
||||
linear-gradient(90deg, $border 1px, transparent 1px);
|
||||
linear-gradient(90deg, $border 1px, transparent 1px);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -827,9 +893,17 @@ clamp.large .category-tile:not(.category-tile-iconless) {
|
||||
}
|
||||
|
||||
@keyframes install-progress-unknown-move {
|
||||
0% { background-position: 0%; }
|
||||
50% { background-position: 100%; }
|
||||
100% { background-position: 0%; }
|
||||
0% {
|
||||
background-position: 0%;
|
||||
}
|
||||
|
||||
50% {
|
||||
background-position: 100%;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
.application-details-description .button {
|
||||
@@ -845,13 +919,17 @@ clamp.large .category-tile:not(.category-tile-iconless) {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.install-progress:dir(rtl) { background-position: 100% bottom; }
|
||||
.install-progress:dir(rtl) {
|
||||
background-position: 100% bottom;
|
||||
}
|
||||
|
||||
.review-row > * {
|
||||
margin: $space-size * 2;
|
||||
}
|
||||
|
||||
.review-row button { font-size: smaller; }
|
||||
.review-row button {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.review-row .vote-buttons button {
|
||||
margin-right: -1px;
|
||||
@@ -945,12 +1023,16 @@ scrolledwindow.list-page > viewport > clamp > box {
|
||||
margin-top: $space-size * 3;
|
||||
}
|
||||
|
||||
.section > label:not(:first-child) { margin-top: $space-size; }
|
||||
.section > label:not(:first-child) {
|
||||
margin-top: $space-size;
|
||||
}
|
||||
|
||||
.section > box:not(:first-child) { margin-top: $space-size * 2; }
|
||||
.section > box:not(:first-child) {
|
||||
margin-top: $space-size * 2;
|
||||
}
|
||||
|
||||
clamp.status-page {
|
||||
margin: $space-size * 6 $space-size * 2;
|
||||
margin: $space-size * 6 $space-size * 2;
|
||||
}
|
||||
|
||||
clamp.status-page .iconbox {
|
||||
@@ -1005,7 +1087,7 @@ app-context-bar {
|
||||
|
||||
&.horizontal .context-tile,
|
||||
&.vertical box:first-child .context-tile {
|
||||
border-top: none;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
> box:not(:first-child) > button.flat {
|
||||
@@ -1045,8 +1127,10 @@ carousel.card {
|
||||
&.large {
|
||||
font-size: 24px;
|
||||
padding: 16px;
|
||||
min-width: 24px; /* 60px minus the left and right padding */
|
||||
min-height: 24px; /* 60px minus the top and bottom padding */
|
||||
min-width: 24px;
|
||||
/* 60px minus the left and right padding */
|
||||
min-height: 24px;
|
||||
/* 60px minus the top and bottom padding */
|
||||
}
|
||||
|
||||
&.wide-image image {
|
||||
@@ -1054,7 +1138,9 @@ carousel.card {
|
||||
margin-bottom: -28px;
|
||||
}
|
||||
|
||||
image { -gtk-icon-style: symbolic; }
|
||||
image {
|
||||
-gtk-icon-style: symbolic;
|
||||
}
|
||||
|
||||
&.grey {
|
||||
color: $text;
|
||||
@@ -1106,17 +1192,28 @@ window.narrow .app-developer {
|
||||
font-feature-settings: "tnum";
|
||||
}
|
||||
|
||||
scrolledwindow.fake-adw-status-page > viewport > box { margin: $space-size * 6 $space-size * 2; }
|
||||
scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box { margin-bottom: $space-size * 6; }
|
||||
scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: $space-size * 6; }
|
||||
scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: $space-size * 2; }
|
||||
scrolledwindow.fake-adw-status-page > viewport > box {
|
||||
margin: $space-size * 6 $space-size * 2;
|
||||
}
|
||||
|
||||
scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box {
|
||||
margin-bottom: $space-size * 6;
|
||||
}
|
||||
|
||||
scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) {
|
||||
margin-bottom: $space-size * 6;
|
||||
}
|
||||
|
||||
scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) {
|
||||
margin-bottom: $space-size * 2;
|
||||
}
|
||||
|
||||
statuspage.icon-dropshadow image.icon {
|
||||
-gtk-icon-shadow: 0 1px 12px rgba(0,0,0,0.05),
|
||||
0 -1px rgba(0,0,0,0.05),
|
||||
1px 0 rgba(0,0,0,0.1),
|
||||
0 1px rgba(0,0,0,0.3),
|
||||
-1px 0 rgba(0,0,0,0.1);
|
||||
-gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05),
|
||||
0 -1px rgba(0, 0, 0, 0.05),
|
||||
1px 0 rgba(0, 0, 0, 0.1),
|
||||
0 1px rgba(0, 0, 0, 0.3),
|
||||
-1px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
window.info scrollbar.vertical {
|
||||
@@ -1152,12 +1249,19 @@ row.app label.warning {
|
||||
|
||||
// Ensure the spinner is hidden before the animation is triggered.
|
||||
@keyframes pre-delay {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 0; }
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
from { filter: opacity(0%); }
|
||||
from {
|
||||
filter: opacity(0%);
|
||||
}
|
||||
}
|
||||
|
||||
/* Give a fade-in animation to spinners. */
|
||||
@@ -1167,14 +1271,16 @@ spinner.fade-in:checked {
|
||||
}
|
||||
|
||||
// Leaflets
|
||||
window > contents > leaflet { // Gnome control center
|
||||
window > contents > leaflet {
|
||||
|
||||
// Gnome control center
|
||||
> box > stack.background {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom,
|
||||
transparent,
|
||||
transparent $large-size,
|
||||
$background $large-size,
|
||||
$background);
|
||||
transparent,
|
||||
transparent $large-size,
|
||||
$background $large-size,
|
||||
$background);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1449,7 +1555,9 @@ headerbar splitbutton {
|
||||
}
|
||||
|
||||
popover.background.global-search {
|
||||
> arrow, > contents { padding: 0; }
|
||||
> arrow, > contents {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
panelframeswitcher {
|
||||
@@ -1484,7 +1592,9 @@ panelframeswitcher {
|
||||
padding: 0;
|
||||
border-left: 1px solid $border;
|
||||
|
||||
button { margin: $space-size; }
|
||||
button {
|
||||
margin: $space-size;
|
||||
}
|
||||
}
|
||||
|
||||
tabbox {
|
||||
@@ -1496,8 +1606,11 @@ panelframeswitcher {
|
||||
}
|
||||
|
||||
panelstatusbar {
|
||||
|
||||
> menubutton > button,
|
||||
> paneltogglebutton button { border-radius: 0; }
|
||||
> paneltogglebutton button {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Setting window
|
||||
@@ -1544,14 +1657,20 @@ panelstatusbar {
|
||||
playlistview {
|
||||
scrollbar {
|
||||
&.overlay-indicator {
|
||||
|
||||
&.dragging,
|
||||
&.hovering { background-color: transparent; }
|
||||
&.hovering {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
queuerow {
|
||||
|
||||
picture.cover,
|
||||
image.card { border: none; }
|
||||
image.card {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1583,7 +1702,9 @@ window.dialog {
|
||||
border-radius: 0;
|
||||
|
||||
> row {
|
||||
&:first-child, &:last-child { border-radius: 0; }
|
||||
&:first-child, &:last-child {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1595,4 +1716,4 @@ window.dialog {
|
||||
|
||||
window#desktopwindow.background {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
@@ -12,7 +12,7 @@
|
||||
box-shadow: $shadow-z3;
|
||||
|
||||
.nautilus-window & {
|
||||
margin: if($gnome_version == 'default', $base_padding, $base_padding / 2);
|
||||
margin: if($gnome_version =='default', $base_padding, $base_padding / 2);
|
||||
}
|
||||
|
||||
button {
|
||||
@@ -23,7 +23,35 @@
|
||||
}
|
||||
}
|
||||
|
||||
.nautilus-grid-view {
|
||||
child.activatable {
|
||||
padding: 0;
|
||||
|
||||
#NautilusViewCell {
|
||||
padding: 0;
|
||||
|
||||
clamp box {
|
||||
margin: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.icon-ui-labels-box {
|
||||
margin: 0 0 $base_padding * 2;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.dim-label {
|
||||
border-spacing: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nautilus-list-view {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-spacing: 0;
|
||||
|
||||
columnview.view {
|
||||
padding: 0;
|
||||
|
||||
@@ -40,7 +68,9 @@
|
||||
border-spacing: $base_padding / 2;
|
||||
|
||||
> row {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: $button_radius;
|
||||
|
||||
> cell {
|
||||
padding: $base_padding - 2px;
|
||||
@@ -49,6 +79,10 @@
|
||||
padding-right: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(odd):not(:disabled) {
|
||||
background-image: image(gtkalpha(currentColor, 0.015));
|
||||
}
|
||||
}
|
||||
|
||||
#NautilusViewCell {
|
||||
@@ -65,7 +99,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
#NautilusQueryEditor { // search entry
|
||||
#NautilusQueryEditor {
|
||||
|
||||
// search entry
|
||||
> menubutton {
|
||||
margin: 2px 0;
|
||||
|
||||
@@ -82,7 +118,7 @@
|
||||
border-radius: $button_radius;
|
||||
padding: 0;
|
||||
|
||||
@if $colorscheme != 'default' or $blackness == 'true' or $colortype == 'fixed' {
|
||||
@if $colorscheme !='default' or $blackness =='true' or $colortype =='fixed' {
|
||||
color: $window_fg_color;
|
||||
}
|
||||
}
|
||||
@@ -92,7 +128,7 @@
|
||||
border-radius: $button_radius;
|
||||
@extend %button_basic_flat;
|
||||
|
||||
@if $colorscheme != 'default' or $blackness == 'true' or $colortype == 'fixed' {
|
||||
@if $colorscheme !='default' or $blackness =='true' or $colortype =='fixed' {
|
||||
@extend %header_button_reset;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user