aiden
/
Orchis-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
pull/202/head
vinceliuice 4 years ago
parent bafb5eecf5
commit fbce183c7b
9 changed files with 168 additions and 608 deletions
Show Stats Download Patch File Download Diff File

30
src/_sass/gtk/_common-4.0.scss
Unescape Escape View File

@ -16,11 +16,11 @@ dnd {
} }
.large-icons { .large-icons {
-gtk-icon-size: 128px; -gtk-icon-size: 32px;
} }
.lowres-icon { .lowres-icon:not(.large-icons) {
-gtk-icon-size: 32px; -gtk-icon-size: 16px;
} }
.symbolic-circular { .symbolic-circular {
@ -1087,6 +1087,7 @@ searchbar > revealer > box {
border-color: $divider; border-color: $divider;
background-color: $background; background-color: $background;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
entry { margin: 0; } entry { margin: 0; }
} }
@ -2765,6 +2766,7 @@ actionbar > revealer > box {
border-top: 1px solid $divider; border-top: 1px solid $divider;
background-color: $base; background-color: $base;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
button:not(.suggested-action):not(.destructive-action) { @extend %button-flat; } button:not(.suggested-action):not(.destructive-action) { @extend %button-flat; }
@ -2799,15 +2801,15 @@ scrolledwindow {
} }
// Overflow indication, works similarly to the overshoot, the size if fixed tho. // Overflow indication, works similarly to the overshoot, the size if fixed tho.
@at-root undershoot { // @at-root undershoot {
&.top { @include undershoot(top); } // &.top { @include undershoot(top); }
//
&.bottom { @include undershoot(bottom); } // &.bottom { @include undershoot(bottom); }
//
&.left { @include undershoot(left); } // &.left { @include undershoot(left); }
//
&.right { @include undershoot(right); } // &.right { @include undershoot(right); }
} // }
@at-root junction { // the small square between two scrollbars @at-root junction { // the small square between two scrollbars
border-style: solid none none solid; border-style: solid none none solid;
@ -3375,6 +3377,10 @@ window.aboutdialog {
border-radius: $corner-radius; border-radius: $corner-radius;
} }
} }
.large-icons {
-gtk-icon-size: 128px;
}
} }
/*********** /***********

73
src/_sass/gtk/apps/_gnome-4.0.scss
Unescape Escape View File

@ -1,66 +1,29 @@
//
// Gnome Software
//
%circular_list { flowboxchild > button.card {
border-radius: $corner-radius; box-shadow: none;
box-shadow: none;
// border: 1px solid $divider;
}
%circular_row { .large-icons {
&:first-child { -gtk-icon-size: 32px;
border-top-left-radius: $corner-radius - 1px;
border-top-right-radius: $corner-radius - 1px;
}
&:last-child { // Not use ?
border-bottom-left-radius: $corner-radius - 1px;
border-bottom-right-radius: $corner-radius - 1px;
}
&:only-child {
border-radius: $corner-radius - 1px;
}
&:focus {
box-shadow: inset 0 0 0 2px $overlay-focus;
}
}
/**************
* Extensions *
**************/
window.background.csd {
> stack, // GameMode setting
> stack > scrolledwindow > viewport > box, // User Themes (Workspace) setting
> box > stack > scrolledwindow > viewport > box {
> list {
@extend %circular_list;
row.activatable { @extend %circular_row; }
}
} }
stack stack stack frame, // ArcMenu setting &.category-work {
> stack > stack > box > frame, // Night Theme Switcher setting background-color: $yellow-100;
> stack > stack > box > box > frame, // Night Theme Switcher setting bottom lists color: on($yellow-100);
> stack > box > stack > box > frame, // ArcMenu setting }
> stack > box > stack > scrolledwindow > viewport frame, // ArcMenu setting
> stack > box > stack > box > scrolledwindow > viewport > frame, // ArcMenu setting
> stack > grid > scrolledwindow > viewport > box > frame { // GSConnect setting
> border { border: none; }
> list {
@extend %circular_list;
row.activatable { @extend %circular_row; } &.category-develop {
} background-color: $grey-700;
color: on($grey-700);
} }
> stack > box > box > list, &.category-tile {
> stack > box > stack > scrolledwindow > viewport > list { // ArcMenu setting sidebar padding: $container-padding * 3.5;
border-bottom-left-radius: $window-radius;
} }
> stack > box > .sidebar > scrolledwindow > viewport > list { &.category-tile-iconless {
padding: 0 0; padding: $container-padding * 1.5 $container-padding * 2.5;
} }
} }

1
src/_sass/gtk/apps/_libadwaita.scss
Unescape Escape View File

@ -115,7 +115,6 @@ button {
&.card { &.card {
background-clip: padding-box; background-clip: padding-box;
font-weight: inherit; font-weight: inherit;
padding: 0;
box-shadow: none; box-shadow: none;
transition: $transition; transition: $transition;

112
src/gtk/4.0/gtk-Compact.css
Unescape Escape View File

@ -15,11 +15,11 @@ dnd {
} }
.large-icons { .large-icons {
-gtk-icon-size: 128px; -gtk-icon-size: 32px;
} }
.lowres-icon { .lowres-icon:not(.large-icons) {
-gtk-icon-size: 32px; -gtk-icon-size: 16px;
} }
.symbolic-circular { .symbolic-circular {
@ -1340,6 +1340,7 @@ searchbar > revealer > box {
border-color: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12);
background-color: #F2F2F2; background-color: #F2F2F2;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
searchbar > revealer > box entry { searchbar > revealer > box entry {
@ -3155,6 +3156,7 @@ actionbar > revealer > box {
border-top: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12);
background-color: #FFFFFF; background-color: #FFFFFF;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
statusbar { statusbar {
@ -3209,52 +3211,6 @@ overshoot.right {
box-shadow: none; box-shadow: none;
} }
undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-top: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
}
undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-bottom: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom;
margin: 0 4px;
}
undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-left: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
margin: 4px 0;
}
undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-right: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top;
margin: 0 4px;
margin: 4px 0;
}
junction { junction {
border-style: solid none none solid; border-style: solid none none solid;
border-width: 1px; border-width: 1px;
@ -3777,6 +3733,10 @@ window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolled
border-radius: 10px; border-radius: 10px;
} }
window.aboutdialog .large-icons {
-gtk-icon-size: 128px;
}
/*********** /***********
* Sidebar * * Sidebar *
***********/ ***********/
@ -4498,57 +4458,30 @@ popover.entry-completion > contents {
padding: 0; padding: 0;
} }
window.background.csd stack stack stack frame > list, flowboxchild > button.card {
window.background.csd > stack > stack > box > frame > list,
window.background.csd > stack > stack > box > box > frame > list,
window.background.csd > stack > box > stack > box > frame > list,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
window.background.csd > stack > scrolledwindow > viewport > box > list,
window.background.csd > box > stack > scrolledwindow > viewport > box > list {
border-radius: 10px;
box-shadow: none; box-shadow: none;
} }
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child { flowboxchild > button.card .large-icons {
border-top-left-radius: 9px; -gtk-icon-size: 32px;
border-top-right-radius: 9px;
}
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child {
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
}
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child {
border-radius: 9px;
} }
window.background.csd stack stack stack frame > list row.activatable:focus, window.background.csd > stack > list row.activatable:focus { flowboxchild > button.card.category-work {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); background-color: #FFF9C4;
color: rgba(0, 0, 0, 0.87);
} }
/************** flowboxchild > button.card.category-develop {
* Extensions * background-color: #616161;
**************/ color: white;
window.background.csd stack stack stack frame > border,
window.background.csd > stack > stack > box > frame > border,
window.background.csd > stack > stack > box > box > frame > border,
window.background.csd > stack > box > stack > box > frame > border,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
border: none;
} }
window.background.csd > stack > box > box > list, flowboxchild > button.card.category-tile {
window.background.csd > stack > box > stack > scrolledwindow > viewport > list { padding: 14px;
border-bottom-left-radius: 14px;
} }
window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { flowboxchild > button.card.category-tile-iconless {
padding: 0 0; padding: 6px 10px;
} }
avatar { avatar {
@ -4704,7 +4637,6 @@ menubutton.pill > button, button.pill {
button.card { button.card {
background-clip: padding-box; background-clip: padding-box;
font-weight: inherit; font-weight: inherit;
padding: 0;
box-shadow: none; box-shadow: none;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
} }

112
src/gtk/4.0/gtk-Dark-Compact.css
Unescape Escape View File

@ -15,11 +15,11 @@ dnd {
} }
.large-icons { .large-icons {
-gtk-icon-size: 128px; -gtk-icon-size: 32px;
} }
.lowres-icon { .lowres-icon:not(.large-icons) {
-gtk-icon-size: 32px; -gtk-icon-size: 16px;
} }
.symbolic-circular { .symbolic-circular {
@ -1340,6 +1340,7 @@ searchbar > revealer > box {
border-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.12);
background-color: #212121; background-color: #212121;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
searchbar > revealer > box entry { searchbar > revealer > box entry {
@ -3155,6 +3156,7 @@ actionbar > revealer > box {
border-top: 1px solid rgba(255, 255, 255, 0.12); border-top: 1px solid rgba(255, 255, 255, 0.12);
background-color: #2C2C2C; background-color: #2C2C2C;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
statusbar { statusbar {
@ -3209,52 +3211,6 @@ overshoot.right {
box-shadow: none; box-shadow: none;
} }
undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
padding-top: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
}
undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
padding-bottom: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom;
margin: 0 4px;
}
undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
padding-left: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
margin: 4px 0;
}
undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
padding-right: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top;
margin: 0 4px;
margin: 4px 0;
}
junction { junction {
border-style: solid none none solid; border-style: solid none none solid;
border-width: 1px; border-width: 1px;
@ -3777,6 +3733,10 @@ window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolled
border-radius: 10px; border-radius: 10px;
} }
window.aboutdialog .large-icons {
-gtk-icon-size: 128px;
}
/*********** /***********
* Sidebar * * Sidebar *
***********/ ***********/
@ -4498,57 +4458,30 @@ popover.entry-completion > contents {
padding: 0; padding: 0;
} }
window.background.csd stack stack stack frame > list, flowboxchild > button.card {
window.background.csd > stack > stack > box > frame > list,
window.background.csd > stack > stack > box > box > frame > list,
window.background.csd > stack > box > stack > box > frame > list,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
window.background.csd > stack > scrolledwindow > viewport > box > list,
window.background.csd > box > stack > scrolledwindow > viewport > box > list {
border-radius: 10px;
box-shadow: none; box-shadow: none;
} }
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child { flowboxchild > button.card .large-icons {
border-top-left-radius: 9px; -gtk-icon-size: 32px;
border-top-right-radius: 9px;
}
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child {
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
}
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child {
border-radius: 9px;
} }
window.background.csd stack stack stack frame > list row.activatable:focus, window.background.csd > stack > list row.activatable:focus { flowboxchild > button.card.category-work {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); background-color: #FFF9C4;
color: rgba(0, 0, 0, 0.87);
} }
/************** flowboxchild > button.card.category-develop {
* Extensions * background-color: #616161;
**************/ color: white;
window.background.csd stack stack stack frame > border,
window.background.csd > stack > stack > box > frame > border,
window.background.csd > stack > stack > box > box > frame > border,
window.background.csd > stack > box > stack > box > frame > border,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
border: none;
} }
window.background.csd > stack > box > box > list, flowboxchild > button.card.category-tile {
window.background.csd > stack > box > stack > scrolledwindow > viewport > list { padding: 14px;
border-bottom-left-radius: 14px;
} }
window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { flowboxchild > button.card.category-tile-iconless {
padding: 0 0; padding: 6px 10px;
} }
avatar { avatar {
@ -4704,7 +4637,6 @@ menubutton.pill > button, button.pill {
button.card { button.card {
background-clip: padding-box; background-clip: padding-box;
font-weight: inherit; font-weight: inherit;
padding: 0;
box-shadow: none; box-shadow: none;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
} }

112
src/gtk/4.0/gtk-Dark.css
Unescape Escape View File

@ -15,11 +15,11 @@ dnd {
} }
.large-icons { .large-icons {
-gtk-icon-size: 128px; -gtk-icon-size: 32px;
} }
.lowres-icon { .lowres-icon:not(.large-icons) {
-gtk-icon-size: 32px; -gtk-icon-size: 16px;
} }
.symbolic-circular { .symbolic-circular {
@ -1340,6 +1340,7 @@ searchbar > revealer > box {
border-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.12);
background-color: #212121; background-color: #212121;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
searchbar > revealer > box entry { searchbar > revealer > box entry {
@ -3155,6 +3156,7 @@ actionbar > revealer > box {
border-top: 1px solid rgba(255, 255, 255, 0.12); border-top: 1px solid rgba(255, 255, 255, 0.12);
background-color: #2C2C2C; background-color: #2C2C2C;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
statusbar { statusbar {
@ -3209,52 +3211,6 @@ overshoot.right {
box-shadow: none; box-shadow: none;
} }
undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
padding-top: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
}
undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
padding-bottom: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom;
margin: 0 4px;
}
undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
padding-left: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
margin: 4px 0;
}
undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
padding-right: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top;
margin: 0 4px;
margin: 4px 0;
}
junction { junction {
border-style: solid none none solid; border-style: solid none none solid;
border-width: 1px; border-width: 1px;
@ -3777,6 +3733,10 @@ window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolled
border-radius: 12px; border-radius: 12px;
} }
window.aboutdialog .large-icons {
-gtk-icon-size: 128px;
}
/*********** /***********
* Sidebar * * Sidebar *
***********/ ***********/
@ -4498,57 +4458,30 @@ popover.entry-completion > contents {
padding: 0; padding: 0;
} }
window.background.csd stack stack stack frame > list, flowboxchild > button.card {
window.background.csd > stack > stack > box > frame > list,
window.background.csd > stack > stack > box > box > frame > list,
window.background.csd > stack > box > stack > box > frame > list,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
window.background.csd > stack > scrolledwindow > viewport > box > list,
window.background.csd > box > stack > scrolledwindow > viewport > box > list {
border-radius: 12px;
box-shadow: none; box-shadow: none;
} }
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child { flowboxchild > button.card .large-icons {
border-top-left-radius: 11px; -gtk-icon-size: 32px;
border-top-right-radius: 11px;
}
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child {
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
}
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child {
border-radius: 11px;
} }
window.background.csd stack stack stack frame > list row.activatable:focus, window.background.csd > stack > list row.activatable:focus { flowboxchild > button.card.category-work {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); background-color: #FFF9C4;
color: rgba(0, 0, 0, 0.87);
} }
/************** flowboxchild > button.card.category-develop {
* Extensions * background-color: #616161;
**************/ color: white;
window.background.csd stack stack stack frame > border,
window.background.csd > stack > stack > box > frame > border,
window.background.csd > stack > stack > box > box > frame > border,
window.background.csd > stack > box > stack > box > frame > border,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
border: none;
} }
window.background.csd > stack > box > box > list, flowboxchild > button.card.category-tile {
window.background.csd > stack > box > stack > scrolledwindow > viewport > list { padding: 21px;
border-bottom-left-radius: 18px;
} }
window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { flowboxchild > button.card.category-tile-iconless {
padding: 0 0; padding: 9px 15px;
} }
avatar { avatar {
@ -4704,7 +4637,6 @@ menubutton.pill > button, button.pill {
button.card { button.card {
background-clip: padding-box; background-clip: padding-box;
font-weight: inherit; font-weight: inherit;
padding: 0;
box-shadow: none; box-shadow: none;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
} }

112
src/gtk/4.0/gtk-Light-Compact.css
Unescape Escape View File

@ -15,11 +15,11 @@ dnd {
} }
.large-icons { .large-icons {
-gtk-icon-size: 128px; -gtk-icon-size: 32px;
} }
.lowres-icon { .lowres-icon:not(.large-icons) {
-gtk-icon-size: 32px; -gtk-icon-size: 16px;
} }
.symbolic-circular { .symbolic-circular {
@ -1340,6 +1340,7 @@ searchbar > revealer > box {
border-color: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12);
background-color: #F2F2F2; background-color: #F2F2F2;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
searchbar > revealer > box entry { searchbar > revealer > box entry {
@ -3155,6 +3156,7 @@ actionbar > revealer > box {
border-top: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12);
background-color: #FFFFFF; background-color: #FFFFFF;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
statusbar { statusbar {
@ -3209,52 +3211,6 @@ overshoot.right {
box-shadow: none; box-shadow: none;
} }
undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-top: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
}
undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-bottom: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom;
margin: 0 4px;
}
undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-left: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
margin: 4px 0;
}
undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-right: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top;
margin: 0 4px;
margin: 4px 0;
}
junction { junction {
border-style: solid none none solid; border-style: solid none none solid;
border-width: 1px; border-width: 1px;
@ -3777,6 +3733,10 @@ window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolled
border-radius: 10px; border-radius: 10px;
} }
window.aboutdialog .large-icons {
-gtk-icon-size: 128px;
}
/*********** /***********
* Sidebar * * Sidebar *
***********/ ***********/
@ -4498,57 +4458,30 @@ popover.entry-completion > contents {
padding: 0; padding: 0;
} }
window.background.csd stack stack stack frame > list, flowboxchild > button.card {
window.background.csd > stack > stack > box > frame > list,
window.background.csd > stack > stack > box > box > frame > list,
window.background.csd > stack > box > stack > box > frame > list,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
window.background.csd > stack > scrolledwindow > viewport > box > list,
window.background.csd > box > stack > scrolledwindow > viewport > box > list {
border-radius: 10px;
box-shadow: none; box-shadow: none;
} }
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child { flowboxchild > button.card .large-icons {
border-top-left-radius: 9px; -gtk-icon-size: 32px;
border-top-right-radius: 9px;
}
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child {
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
}
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child {
border-radius: 9px;
} }
window.background.csd stack stack stack frame > list row.activatable:focus, window.background.csd > stack > list row.activatable:focus { flowboxchild > button.card.category-work {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); background-color: #FFF9C4;
color: rgba(0, 0, 0, 0.87);
} }
/************** flowboxchild > button.card.category-develop {
* Extensions * background-color: #616161;
**************/ color: white;
window.background.csd stack stack stack frame > border,
window.background.csd > stack > stack > box > frame > border,
window.background.csd > stack > stack > box > box > frame > border,
window.background.csd > stack > box > stack > box > frame > border,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
border: none;
} }
window.background.csd > stack > box > box > list, flowboxchild > button.card.category-tile {
window.background.csd > stack > box > stack > scrolledwindow > viewport > list { padding: 14px;
border-bottom-left-radius: 14px;
} }
window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { flowboxchild > button.card.category-tile-iconless {
padding: 0 0; padding: 6px 10px;
} }
avatar { avatar {
@ -4704,7 +4637,6 @@ menubutton.pill > button, button.pill {
button.card { button.card {
background-clip: padding-box; background-clip: padding-box;
font-weight: inherit; font-weight: inherit;
padding: 0;
box-shadow: none; box-shadow: none;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
} }

112
src/gtk/4.0/gtk-Light.css
Unescape Escape View File

@ -15,11 +15,11 @@ dnd {
} }
.large-icons { .large-icons {
-gtk-icon-size: 128px; -gtk-icon-size: 32px;
} }
.lowres-icon { .lowres-icon:not(.large-icons) {
-gtk-icon-size: 32px; -gtk-icon-size: 16px;
} }
.symbolic-circular { .symbolic-circular {
@ -1340,6 +1340,7 @@ searchbar > revealer > box {
border-color: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12);
background-color: #F2F2F2; background-color: #F2F2F2;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
searchbar > revealer > box entry { searchbar > revealer > box entry {
@ -3155,6 +3156,7 @@ actionbar > revealer > box {
border-top: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12);
background-color: #FFFFFF; background-color: #FFFFFF;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
statusbar { statusbar {
@ -3209,52 +3211,6 @@ overshoot.right {
box-shadow: none; box-shadow: none;
} }
undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-top: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
}
undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-bottom: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom;
margin: 0 4px;
}
undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-left: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
margin: 4px 0;
}
undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-right: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top;
margin: 0 4px;
margin: 4px 0;
}
junction { junction {
border-style: solid none none solid; border-style: solid none none solid;
border-width: 1px; border-width: 1px;
@ -3777,6 +3733,10 @@ window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolled
border-radius: 12px; border-radius: 12px;
} }
window.aboutdialog .large-icons {
-gtk-icon-size: 128px;
}
/*********** /***********
* Sidebar * * Sidebar *
***********/ ***********/
@ -4498,57 +4458,30 @@ popover.entry-completion > contents {
padding: 0; padding: 0;
} }
window.background.csd stack stack stack frame > list, flowboxchild > button.card {
window.background.csd > stack > stack > box > frame > list,
window.background.csd > stack > stack > box > box > frame > list,
window.background.csd > stack > box > stack > box > frame > list,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
window.background.csd > stack > scrolledwindow > viewport > box > list,
window.background.csd > box > stack > scrolledwindow > viewport > box > list {
border-radius: 12px;
box-shadow: none; box-shadow: none;
} }
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child { flowboxchild > button.card .large-icons {
border-top-left-radius: 11px; -gtk-icon-size: 32px;
border-top-right-radius: 11px;
}
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child {
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
}
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child {
border-radius: 11px;
} }
window.background.csd stack stack stack frame > list row.activatable:focus, window.background.csd > stack > list row.activatable:focus { flowboxchild > button.card.category-work {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); background-color: #FFF9C4;
color: rgba(0, 0, 0, 0.87);
} }
/************** flowboxchild > button.card.category-develop {
* Extensions * background-color: #616161;
**************/ color: white;
window.background.csd stack stack stack frame > border,
window.background.csd > stack > stack > box > frame > border,
window.background.csd > stack > stack > box > box > frame > border,
window.background.csd > stack > box > stack > box > frame > border,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
border: none;
} }
window.background.csd > stack > box > box > list, flowboxchild > button.card.category-tile {
window.background.csd > stack > box > stack > scrolledwindow > viewport > list { padding: 21px;
border-bottom-left-radius: 18px;
} }
window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { flowboxchild > button.card.category-tile-iconless {
padding: 0 0; padding: 9px 15px;
} }
avatar { avatar {
@ -4704,7 +4637,6 @@ menubutton.pill > button, button.pill {
button.card { button.card {
background-clip: padding-box; background-clip: padding-box;
font-weight: inherit; font-weight: inherit;
padding: 0;
box-shadow: none; box-shadow: none;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
} }

112
src/gtk/4.0/gtk.css
Unescape Escape View File

@ -15,11 +15,11 @@ dnd {
} }
.large-icons { .large-icons {
-gtk-icon-size: 128px; -gtk-icon-size: 32px;
} }
.lowres-icon { .lowres-icon:not(.large-icons) {
-gtk-icon-size: 32px; -gtk-icon-size: 16px;
} }
.symbolic-circular { .symbolic-circular {
@ -1340,6 +1340,7 @@ searchbar > revealer > box {
border-color: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12);
background-color: #F2F2F2; background-color: #F2F2F2;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
searchbar > revealer > box entry { searchbar > revealer > box entry {
@ -3155,6 +3156,7 @@ actionbar > revealer > box {
border-top: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12);
background-color: #FFFFFF; background-color: #FFFFFF;
background-clip: border-box; background-clip: border-box;
box-shadow: none;
} }
statusbar { statusbar {
@ -3209,52 +3211,6 @@ overshoot.right {
box-shadow: none; box-shadow: none;
} }
undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-top: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
}
undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-bottom: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom;
margin: 0 4px;
}
undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-left: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top;
margin: 0 4px;
margin: 4px 0;
}
undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
padding-right: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top;
margin: 0 4px;
margin: 4px 0;
}
junction { junction {
border-style: solid none none solid; border-style: solid none none solid;
border-width: 1px; border-width: 1px;
@ -3777,6 +3733,10 @@ window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolled
border-radius: 12px; border-radius: 12px;
} }
window.aboutdialog .large-icons {
-gtk-icon-size: 128px;
}
/*********** /***********
* Sidebar * * Sidebar *
***********/ ***********/
@ -4498,57 +4458,30 @@ popover.entry-completion > contents {
padding: 0; padding: 0;
} }
window.background.csd stack stack stack frame > list, flowboxchild > button.card {
window.background.csd > stack > stack > box > frame > list,
window.background.csd > stack > stack > box > box > frame > list,
window.background.csd > stack > box > stack > box > frame > list,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
window.background.csd > stack > scrolledwindow > viewport > box > list,
window.background.csd > box > stack > scrolledwindow > viewport > box > list {
border-radius: 12px;
box-shadow: none; box-shadow: none;
} }
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child { flowboxchild > button.card .large-icons {
border-top-left-radius: 11px; -gtk-icon-size: 32px;
border-top-right-radius: 11px;
}
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child {
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
}
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child {
border-radius: 11px;
} }
window.background.csd stack stack stack frame > list row.activatable:focus, window.background.csd > stack > list row.activatable:focus { flowboxchild > button.card.category-work {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); background-color: #FFF9C4;
color: rgba(0, 0, 0, 0.87);
} }
/************** flowboxchild > button.card.category-develop {
* Extensions * background-color: #616161;
**************/ color: white;
window.background.csd stack stack stack frame > border,
window.background.csd > stack > stack > box > frame > border,
window.background.csd > stack > stack > box > box > frame > border,
window.background.csd > stack > box > stack > box > frame > border,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
border: none;
} }
window.background.csd > stack > box > box > list, flowboxchild > button.card.category-tile {
window.background.csd > stack > box > stack > scrolledwindow > viewport > list { padding: 21px;
border-bottom-left-radius: 18px;
} }
window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { flowboxchild > button.card.category-tile-iconless {
padding: 0 0; padding: 9px 15px;
} }
avatar { avatar {
@ -4704,7 +4637,6 @@ menubutton.pill > button, button.pill {
button.card { button.card {
background-clip: padding-box; background-clip: padding-box;
font-weight: inherit; font-weight: inherit;
padding: 0;
box-shadow: none; box-shadow: none;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1); transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
} }

Write Preview
Loading…
Cancel
Save