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 {
-gtk-icon-size: 128px;
-gtk-icon-size: 32px;
}
.lowres-icon {
-gtk-icon-size: 32px;
.lowres-icon:not(.large-icons) {
-gtk-icon-size: 16px;
}
.symbolic-circular {
@ -1087,6 +1087,7 @@ searchbar > revealer > box {
border-color: $divider;
background-color: $background;
background-clip: border-box;
box-shadow: none;
entry { margin: 0; }
}
@ -2765,6 +2766,7 @@ actionbar > revealer > box {
border-top: 1px solid $divider;
background-color: $base;
background-clip: border-box;
box-shadow: none;
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.
@at-root undershoot {
&.top { @include undershoot(top); }
&.bottom { @include undershoot(bottom); }
&.left { @include undershoot(left); }
&.right { @include undershoot(right); }
}
// @at-root undershoot {
// &.top { @include undershoot(top); }
//
// &.bottom { @include undershoot(bottom); }
//
// &.left { @include undershoot(left); }
//
// &.right { @include undershoot(right); }
// }
@at-root junction { // the small square between two scrollbars
border-style: solid none none solid;
@ -3375,6 +3377,10 @@ window.aboutdialog {
border-radius: $corner-radius;
}
}
.large-icons {
-gtk-icon-size: 128px;
}
}
/***********

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

@ -1,66 +1,29 @@
//
// Gnome Software
//
%circular_list {
border-radius: $corner-radius;
flowboxchild > button.card {
box-shadow: none;
// border: 1px solid $divider;
}
%circular_row {
&:first-child {
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;
.large-icons {
-gtk-icon-size: 32px;
}
&:only-child {
border-radius: $corner-radius - 1px;
&.category-work {
background-color: $yellow-100;
color: on($yellow-100);
}
&: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
> stack > stack > box > frame, // Night Theme Switcher setting
> stack > stack > box > box > frame, // Night Theme Switcher setting bottom lists
> 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,
> stack > box > stack > scrolledwindow > viewport > list { // ArcMenu setting sidebar
border-bottom-left-radius: $window-radius;
&.category-tile {
padding: $container-padding * 3.5;
}
> stack > box > .sidebar > scrolledwindow > viewport > list {
padding: 0 0;
&.category-tile-iconless {
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 {
background-clip: padding-box;
font-weight: inherit;
padding: 0;
box-shadow: none;
transition: $transition;

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

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

Write Preview
Loading…
Cancel
Save