@eshanized continuously updating the repository!

This commit is contained in:
Eshan Roy (Eshanized)
2024-05-11 01:14:53 +05:30
parent 56c9889f4f
commit b3463ebdb8
6 changed files with 345 additions and 375 deletions

View File

@@ -12,17 +12,17 @@
@keyframes header_ripple_effect {
from {
background-image: radial-gradient(circle, #5657f5 0%, transparent 0%);
background-image: radial-gradient(circle, #754ffe 0%, transparent 0%);
}
to {
background-image: radial-gradient(circle, #5657f5 100%, transparent 0%);
background-image: radial-gradient(circle, #754ffe 100%, transparent 0%);
}
}
* {
padding: 0;
background-clip: padding-box;
-gtk-secondary-caret-color: #5657f5;
-gtk-secondary-caret-color: #754ffe;
}
/***************
@@ -124,7 +124,7 @@ label.separator {
}
label > selection {
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
}
@@ -277,7 +277,7 @@ popover.background spinbutton:not(.vertical), spinbutton.flat:not(.vertical), en
colorchooser .popover.osd spinbutton:focus-within:not(.vertical), window.dialog.message entry:focus-within, notebook > stack:not(:only-child) entry:focus-within:not(.search),
notebook > stack:not(:only-child) spinbutton:focus-within:not(.vertical), popover.background entry:focus-within,
popover.background spinbutton:focus-within:not(.vertical), spinbutton.flat:focus-within:not(.vertical), entry.flat:focus-within {
box-shadow: inset 0 -1px transparent, inset 0 -2px #5657f5;
box-shadow: inset 0 -1px transparent, inset 0 -2px #754ffe;
outline: none;
}
@@ -451,7 +451,7 @@ spinbutton:not(.vertical) progress > trough > progress, entry progress > trough
background-color: transparent;
background-image: none;
border-radius: 0;
border-bottom: 2px solid #5657f5;
border-bottom: 2px solid #754ffe;
box-shadow: none;
}
@@ -488,7 +488,7 @@ editablelabel > stack > text {
margin: 2px;
border-radius: 9999px;
box-shadow: none;
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
}
@@ -570,7 +570,7 @@ button:disabled {
button:checked {
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
background-size: auto auto;
@@ -1165,7 +1165,7 @@ notebook > stack:not(:only-child) button.combo:hover, popover.background button.
}
notebook > stack:not(:only-child) button.combo:checked, popover.background button.combo:checked {
box-shadow: inset 0 -2px #5657f5;
box-shadow: inset 0 -2px #754ffe;
}
notebook > stack:not(:only-child) button.combo:disabled, popover.background button.combo:disabled {
@@ -1301,13 +1301,13 @@ actionbar > revealer > box splitbutton {
pathbar > button {
padding-left: 6px;
padding-right: 6px;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #754ffe 0%, transparent 0%) 0 0 0/0 0 0px;
border-radius: 7px;
}
pathbar > button:checked {
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #754ffe 100%, transparent 0%) 0 0 2/0 0 2px;
}
@@ -1419,7 +1419,7 @@ treeview.view.expander:selected:disabled {
columnview.view.progressbar,
treeview.view.progressbar {
border-bottom: 4px solid #5657f5;
border-bottom: 4px solid #754ffe;
box-shadow: none;
background-color: transparent;
}
@@ -1481,12 +1481,12 @@ treeview.view header.button.dnd {
box-shadow: none;
background-color: #31313a;
background-clip: border-box;
color: #5657f5;
color: #754ffe;
}
columnview.view acceleditor > label,
treeview.view acceleditor > label {
background-color: #5657f5;
background-color: #754ffe;
}
/*********
@@ -1509,7 +1509,7 @@ menubar > item {
menubar > item:hover {
transition: none;
color: #FFFFFF;
box-shadow: inset 0 -3px #5657f5;
box-shadow: inset 0 -3px #754ffe;
}
menubar > item:disabled {
@@ -1760,7 +1760,7 @@ notebook > header.top > tabs > tab:hover {
}
notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -2px #5657f5;
box-shadow: inset 0 -2px #754ffe;
}
notebook > header.bottom {
@@ -1777,7 +1777,7 @@ notebook > header.bottom > tabs > tab:hover {
}
notebook > header.bottom > tabs > tab:checked {
box-shadow: inset 0 2px #5657f5;
box-shadow: inset 0 2px #754ffe;
}
notebook > header.left {
@@ -1794,7 +1794,7 @@ notebook > header.left > tabs > tab:hover {
}
notebook > header.left > tabs > tab:checked {
box-shadow: inset -2px 0 #5657f5;
box-shadow: inset -2px 0 #754ffe;
}
notebook > header.right {
@@ -1811,7 +1811,7 @@ notebook > header.right > tabs > tab:hover {
}
notebook > header.right > tabs > tab:checked {
box-shadow: inset 2px 0 #5657f5;
box-shadow: inset 2px 0 #754ffe;
}
notebook > header.top > tabs > arrow {
@@ -2540,7 +2540,7 @@ headerbar stackswitcher.linked:not(.vertical) > button:checked {
border-radius: 0;
color: #FFFFFF;
background-color: transparent;
box-shadow: inset 0 -2px #5657f5;
box-shadow: inset 0 -2px #754ffe;
background-image: none;
}
@@ -2623,7 +2623,7 @@ headerbar button:not(.suggested-action):not(.destructive-action):disabled {
headerbar button:not(.suggested-action):not(.destructive-action):checked {
border-image: none;
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
background-size: auto auto;
@@ -2725,7 +2725,7 @@ headerbar.selection-mode {
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.08);
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
}
@@ -3160,7 +3160,7 @@ levelbar > trough > block.low {
}
levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
background-color: #5657f5;
background-color: #754ffe;
}
levelbar > trough > block.full {
@@ -3412,12 +3412,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
}
columnview row:not(:selected) cell editablelabel.editing:focus-within {
outline: 2px solid #5657f5;
outline: 2px solid #754ffe;
}
columnview row:not(:selected) cell editablelabel.editing text selection {
color: #FFFFFF;
background-color: #5657f5;
background-color: #754ffe;
}
.rich-list {
@@ -3562,7 +3562,7 @@ row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
}
row.expander:checked image.expander-row-arrow:not(:disabled) {
color: #5657f5;
color: #754ffe;
}
.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
@@ -3938,7 +3938,7 @@ stacksidebar row > label {
.navigation-sidebar > row:selected:focus-visible:focus-within {
outline-width: 0;
color: #FFFFFF;
background-color: #5657f5;
background-color: #754ffe;
}
.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
@@ -3960,7 +3960,7 @@ stacksidebar row > label {
.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover,
.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active,
.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active {
color: #5657f5;
color: #754ffe;
}
.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:disabled,
@@ -3971,7 +3971,7 @@ stacksidebar row > label {
.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked,
.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked {
background-color: rgba(86, 87, 245, 0.1);
color: #5657f5;
color: #754ffe;
}
.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked:disabled,
@@ -4005,7 +4005,7 @@ placessidebar .navigation-sidebar > row > revealer {
placessidebar .navigation-sidebar > row:selected {
background-color: rgba(255, 255, 255, 0.06);
color: #5657f5;
color: #754ffe;
}
placessidebar .navigation-sidebar > row:selected image.sidebar-icon, placessidebar .navigation-sidebar > row:selected label.sidebar-label {
@@ -4409,7 +4409,7 @@ headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action
emoji-completion-row:focus,
emoji-completion-row:hover, .view selection, .view:selected, iconview selection, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, spinbutton > text > selection, spinbutton:not(.vertical) > text > selection, row:selected, calendar > grid > label.today:selected, calendar > grid > label.day-number:selected {
background-color: #5657f5;
background-color: #754ffe;
}
emoji-completion-row:focus,
@@ -4535,11 +4535,11 @@ button.emoji-section:hover {
}
button.emoji-section:active {
box-shadow: inset 0 2px #5657f5;
box-shadow: inset 0 2px #754ffe;
}
button.emoji-section:checked {
box-shadow: inset 0 2px #5657f5;
box-shadow: inset 0 2px #754ffe;
background-color: transparent;
}
@@ -4558,7 +4558,7 @@ popover.emoji-picker emoji {
}
popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
background: #5657f5;
background: #754ffe;
}
emoji-completion-row > box {
@@ -4878,7 +4878,7 @@ statusbar {
.installed-overlay-box {
font-size: smaller;
background-color: #5657f5;
background-color: #754ffe;
border-radius: 0;
color: #FFFFFF;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
@@ -5094,7 +5094,7 @@ clamp.large .category-tile:not(.category-tile-iconless) {
}
.install-progress {
background-image: linear-gradient(to top, #5657f5 2px, alpha(#5657f5, 0) 2px);
background-image: linear-gradient(to top, #754ffe 2px, alpha(#754ffe, 0) 2px);
background-repeat: no-repeat;
background-position: 0 bottom;
background-size: 0;
@@ -5208,7 +5208,7 @@ star-image {
}
banner > revealer > widget {
background-color: #5657f5;
background-color: #754ffe;
padding: 6px;
}
@@ -5507,7 +5507,7 @@ datechooser button, datechooser button.flat, datechooser button.toggle, datechoo
datechooser button.day.text-button:selected {
box-shadow: none;
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
}
@@ -5518,7 +5518,7 @@ label.primary-label, label.month-name, label.secondary-label {
}
label.primary-label, label.month-name {
color: #5657f5;
color: #754ffe;
}
label.secondary-label {
@@ -5530,7 +5530,7 @@ calendar-view {
}
calendar-view:selected {
color: #5657f5;
color: #754ffe;
font-weight: bold;
}
@@ -5543,7 +5543,7 @@ label.header {
calendar-view.current,
weekgrid.current {
background-color: alpha(#5657f5, 0.3);
background-color: alpha(#754ffe, 0.3);
}
popover.events {
@@ -5680,7 +5680,7 @@ datechooser button.day dot, datechooser button.day.text-button dot {
}
datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.text-button:selected, datechooser button.day.text-button.today:selected {
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
font-weight: bold;
}
@@ -5690,11 +5690,11 @@ datechooser button.day:selected dot, datechooser button.day.today:selected dot,
}
datechooser button.day.today, datechooser button.day.text-button.today {
color: #5657f5;
color: #754ffe;
}
datechooser button.day.today dot, datechooser button.day.text-button.today dot {
background-color: #5657f5;
background-color: #754ffe;
}
datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.text-button.other-month:not(:hover), datechooser button.day.text-button.other-month:backdrop {
@@ -5748,7 +5748,7 @@ weekhourbar > label {
}
weekgrid > widget.now-strip {
background-color: alpha(#5657f5, 0.8);
background-color: alpha(#754ffe, 0.8);
margin: 0 0 0 1px;
min-height: 3px;
}
@@ -5756,7 +5756,7 @@ weekgrid > widget.now-strip {
weekgrid:selected, weekgrid.dnd,
.week-header:selected,
.week-header.dnd {
background-color: alpha(#5657f5, 0.25);
background-color: alpha(#754ffe, 0.25);
}
monthcell {
@@ -5773,11 +5773,11 @@ monthcell:hover:not(.out-of-month):not(.today) {
}
monthcell:selected {
background-color: alpha(#5657f5, 0.1);
background-color: alpha(#754ffe, 0.1);
}
monthcell:selected:hover {
background-color: alpha(#5657f5, 0.2);
background-color: alpha(#754ffe, 0.2);
}
monthcell:selected label.day-label {
@@ -5789,20 +5789,20 @@ monthcell:nth-child(7n + 1) {
}
monthcell.today {
background-color: alpha(#5657f5, 0.2);
background-color: alpha(#754ffe, 0.2);
}
monthcell.today:hover {
background-color: alpha(#5657f5, 0.3);
color: #5657f5;
background-color: alpha(#754ffe, 0.3);
color: #754ffe;
}
monthcell.today:selected {
background-color: alpha(#5657f5, 0.25);
background-color: alpha(#754ffe, 0.25);
}
monthcell.today:selected:hover {
background-color: alpha(#5657f5, 0.35);
background-color: alpha(#754ffe, 0.35);
}
monthcell label {
@@ -5977,7 +5977,7 @@ agenda-view list.background {
.running-stopwatch .seconds-label,
.running-stopwatch .miliseconds-label {
color: #5657f5;
color: #754ffe;
}
.stopped-stopwatch .miliseconds-label,
@@ -6505,7 +6505,7 @@ preferencesgroup > box button.background-preview-button.toggle:active {
}
preferencesgroup > box button.background-preview-button.toggle:checked {
outline-color: #5657f5;
outline-color: #754ffe;
}
viewswitcher {
@@ -6525,7 +6525,7 @@ viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator
}
viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label {
color: #5657f5;
color: #754ffe;
}
viewswitcher.narrow button.toggle {
@@ -6544,7 +6544,7 @@ viewswitcher.narrow button.toggle:hover {
viewswitcher.narrow button.toggle:active {
color: #FFFFFF;
box-shadow: inset 0 -2px #5657f5;
box-shadow: inset 0 -2px #754ffe;
background-color: rgba(255, 255, 255, 0.1);
}
@@ -6552,7 +6552,7 @@ viewswitcher.narrow button.toggle:checked {
border-radius: 0;
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.06);
box-shadow: inset 0 -2px #5657f5;
box-shadow: inset 0 -2px #754ffe;
background-image: none;
}
@@ -6602,7 +6602,7 @@ viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not
viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):active {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.1);
box-shadow: inset 0 2px #5657f5;
box-shadow: inset 0 2px #754ffe;
}
viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked {
@@ -6612,7 +6612,7 @@ viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not
viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked, viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked:hover {
background-color: rgba(255, 255, 255, 0.06);
box-shadow: inset 0 2px #5657f5;
box-shadow: inset 0 2px #754ffe;
background-image: none;
}
@@ -6677,7 +6677,7 @@ indicatorbin > mask {
}
indicatorbin.needs-attention > indicator {
background-color: #5657f5;
background-color: #754ffe;
}
indicatorbin.needs-attention > indicator > label {
@@ -6728,7 +6728,7 @@ tabbar tabbox > revealer > indicator {
min-width: 2px;
border-radius: 2px;
margin: 3px 6px;
background: #5657f5;
background: #754ffe;
}
tabbar tab {
@@ -6821,7 +6821,7 @@ tabbar tab indicator,
dnd tab indicator {
min-height: 2px;
border-radius: 2px;
background: alpha(#5657f5, 0.5);
background: alpha(#754ffe, 0.5);
transform: translateY(4px);
}
@@ -6848,12 +6848,12 @@ tabthumbnail .needs-attention:dir(rtl) {
}
tabthumbnail .needs-attention > widget {
background: #5657f5;
background: #754ffe;
min-width: 12px;
min-height: 12px;
border-radius: 8px;
margin: 3px;
box-shadow: 0 1px 2px alpha(#5657f5, 0.4);
box-shadow: 0 1px 2px alpha(#754ffe, 0.4);
}
tabthumbnail .card {
@@ -6883,17 +6883,17 @@ tabthumbnail .tab-unpin-icon {
tabthumbnail button.circular {
margin: 6px;
background-color: alpha(#5657f5, 0.15);
background-color: alpha(#754ffe, 0.15);
min-width: 24px;
min-height: 24px;
}
tabthumbnail button.circular:hover {
background-color: alpha(#5657f5, 0.2);
background-color: alpha(#754ffe, 0.2);
}
tabthumbnail button.circular:active {
background-color: alpha(#5657f5, 0.25);
background-color: alpha(#754ffe, 0.25);
}
taboverview > .overview .new-tab-button {
@@ -7081,12 +7081,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
}
.sidebar-pane banner > revealer > widget {
background-color: gtkmix(#5657f5, #3b3b43, 30%);
background-color: gtkmix(#754ffe, #3b3b43, 30%);
color: #FFFFFF;
}
.sidebar-pane banner > revealer > widget:backdrop {
background-color: gtkmix(#5657f5, #3b3b43, 30%);
background-color: gtkmix(#754ffe, #3b3b43, 30%);
}
.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -7240,13 +7240,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
.content-pane .sidebar-pane banner > revealer > widget,
.sidebar-pane .content-pane banner > revealer > widget {
background-color: gtkmix(#5657f5, #31313a, 30%);
background-color: gtkmix(#754ffe, #31313a, 30%);
color: #FFFFFF;
}
.content-pane .sidebar-pane banner > revealer > widget:backdrop,
.sidebar-pane .content-pane banner > revealer > widget:backdrop {
background-color: gtkmix(#5657f5, #31313a, 30%);
background-color: gtkmix(#754ffe, #31313a, 30%);
}
.content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7310,7 +7310,7 @@ themeselector checkbutton.follow:checked, themeselector checkbutton.light:checke
panelthemeselector checkbutton.follow:checked,
panelthemeselector checkbutton.light:checked,
panelthemeselector checkbutton.dark:checked {
box-shadow: inset 0 0 0 2px #5657f5;
box-shadow: inset 0 0 0 2px #754ffe;
}
themeselector checkbutton.follow,
@@ -7351,7 +7351,7 @@ panelthemeselector checkbutton.theme-selector radio:checked {
-gtk-icon-size: 20px;
-gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
color: #FFFFFF;
background-color: #5657f5;
background-color: #754ffe;
}
themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
@@ -7373,7 +7373,7 @@ themeswitcher .check {
margin: 0;
border-radius: 9999px;
color: #FFFFFF;
background-color: #5657f5;
background-color: #754ffe;
}
themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
@@ -7391,7 +7391,7 @@ themeswitcher checkbutton {
}
themeswitcher checkbutton:checked {
box-shadow: inset 0 0 0 2px #5657f5;
box-shadow: inset 0 0 0 2px #754ffe;
}
themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
@@ -7435,7 +7435,7 @@ text widgets and the like base background color */
@define-color theme_base_color #31313a;
/*
base background color of selections */
@define-color theme_selected_bg_color #5657f5;
@define-color theme_selected_bg_color #754ffe;
/*
text/foreground color of selections */
@define-color theme_selected_fg_color #FFFFFF;
@@ -7462,7 +7462,7 @@ text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #31313a;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #5657f5;
@define-color theme_unfocused_selected_bg_color #754ffe;
/*
text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #FFFFFF;

View File

@@ -12,17 +12,17 @@
@keyframes header_ripple_effect {
from {
background-image: radial-gradient(circle, #5657f5 0%, transparent 0%);
background-image: radial-gradient(circle, #754ffe 0%, transparent 0%);
}
to {
background-image: radial-gradient(circle, #5657f5 100%, transparent 0%);
background-image: radial-gradient(circle, #754ffe 100%, transparent 0%);
}
}
* {
padding: 0;
background-clip: padding-box;
-gtk-secondary-caret-color: #5657f5;
-gtk-secondary-caret-color: #754ffe;
}
/***************
@@ -124,7 +124,7 @@ label.separator {
}
label > selection {
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
}
@@ -277,7 +277,7 @@ popover.background spinbutton:not(.vertical), spinbutton.flat:not(.vertical), en
colorchooser .popover.osd spinbutton:focus-within:not(.vertical), window.dialog.message entry:focus-within, notebook > stack:not(:only-child) entry:focus-within:not(.search),
notebook > stack:not(:only-child) spinbutton:focus-within:not(.vertical), popover.background entry:focus-within,
popover.background spinbutton:focus-within:not(.vertical), spinbutton.flat:focus-within:not(.vertical), entry.flat:focus-within {
box-shadow: inset 0 -1px transparent, inset 0 -2px #5657f5;
box-shadow: inset 0 -1px transparent, inset 0 -2px #754ffe;
outline: none;
}
@@ -451,7 +451,7 @@ spinbutton:not(.vertical) progress > trough > progress, entry progress > trough
background-color: transparent;
background-image: none;
border-radius: 0;
border-bottom: 2px solid #5657f5;
border-bottom: 2px solid #754ffe;
box-shadow: none;
}
@@ -488,7 +488,7 @@ editablelabel > stack > text {
margin: 2px;
border-radius: 9999px;
box-shadow: none;
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
}
@@ -570,7 +570,7 @@ button:disabled {
button:checked {
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
background-size: auto auto;
@@ -1165,7 +1165,7 @@ notebook > stack:not(:only-child) button.combo:hover, popover.background button.
}
notebook > stack:not(:only-child) button.combo:checked, popover.background button.combo:checked {
box-shadow: inset 0 -2px #5657f5;
box-shadow: inset 0 -2px #754ffe;
}
notebook > stack:not(:only-child) button.combo:disabled, popover.background button.combo:disabled {
@@ -1301,13 +1301,13 @@ actionbar > revealer > box splitbutton {
pathbar > button {
padding-left: 6px;
padding-right: 6px;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #754ffe 0%, transparent 0%) 0 0 0/0 0 0px;
border-radius: 7px;
}
pathbar > button:checked {
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #754ffe 100%, transparent 0%) 0 0 2/0 0 2px;
}
@@ -1419,7 +1419,7 @@ treeview.view.expander:selected:disabled {
columnview.view.progressbar,
treeview.view.progressbar {
border-bottom: 4px solid #5657f5;
border-bottom: 4px solid #754ffe;
box-shadow: none;
background-color: transparent;
}
@@ -1481,12 +1481,12 @@ treeview.view header.button.dnd {
box-shadow: none;
background-color: #31313a;
background-clip: border-box;
color: #5657f5;
color: #754ffe;
}
columnview.view acceleditor > label,
treeview.view acceleditor > label {
background-color: #5657f5;
background-color: #754ffe;
}
/*********
@@ -1509,7 +1509,7 @@ menubar > item {
menubar > item:hover {
transition: none;
color: #FFFFFF;
box-shadow: inset 0 -3px #5657f5;
box-shadow: inset 0 -3px #754ffe;
}
menubar > item:disabled {
@@ -1760,7 +1760,7 @@ notebook > header.top > tabs > tab:hover {
}
notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -2px #5657f5;
box-shadow: inset 0 -2px #754ffe;
}
notebook > header.bottom {
@@ -1777,7 +1777,7 @@ notebook > header.bottom > tabs > tab:hover {
}
notebook > header.bottom > tabs > tab:checked {
box-shadow: inset 0 2px #5657f5;
box-shadow: inset 0 2px #754ffe;
}
notebook > header.left {
@@ -1794,7 +1794,7 @@ notebook > header.left > tabs > tab:hover {
}
notebook > header.left > tabs > tab:checked {
box-shadow: inset -2px 0 #5657f5;
box-shadow: inset -2px 0 #754ffe;
}
notebook > header.right {
@@ -1811,7 +1811,7 @@ notebook > header.right > tabs > tab:hover {
}
notebook > header.right > tabs > tab:checked {
box-shadow: inset 2px 0 #5657f5;
box-shadow: inset 2px 0 #754ffe;
}
notebook > header.top > tabs > arrow {
@@ -2540,7 +2540,7 @@ headerbar stackswitcher.linked:not(.vertical) > button:checked {
border-radius: 0;
color: #FFFFFF;
background-color: transparent;
box-shadow: inset 0 -2px #5657f5;
box-shadow: inset 0 -2px #754ffe;
background-image: none;
}
@@ -2623,7 +2623,7 @@ headerbar button:not(.suggested-action):not(.destructive-action):disabled {
headerbar button:not(.suggested-action):not(.destructive-action):checked {
border-image: none;
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
background-size: auto auto;
@@ -2725,7 +2725,7 @@ headerbar.selection-mode {
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.08);
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
}
@@ -3160,7 +3160,7 @@ levelbar > trough > block.low {
}
levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
background-color: #5657f5;
background-color: #754ffe;
}
levelbar > trough > block.full {
@@ -3412,12 +3412,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
}
columnview row:not(:selected) cell editablelabel.editing:focus-within {
outline: 2px solid #5657f5;
outline: 2px solid #754ffe;
}
columnview row:not(:selected) cell editablelabel.editing text selection {
color: #FFFFFF;
background-color: #5657f5;
background-color: #754ffe;
}
.rich-list {
@@ -3562,7 +3562,7 @@ row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
}
row.expander:checked image.expander-row-arrow:not(:disabled) {
color: #5657f5;
color: #754ffe;
}
.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
@@ -3938,7 +3938,7 @@ stacksidebar row > label {
.navigation-sidebar > row:selected:focus-visible:focus-within {
outline-width: 0;
color: #FFFFFF;
background-color: #5657f5;
background-color: #754ffe;
}
.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
@@ -3960,7 +3960,7 @@ stacksidebar row > label {
.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover,
.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active,
.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active {
color: #5657f5;
color: #754ffe;
}
.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:disabled,
@@ -3971,7 +3971,7 @@ stacksidebar row > label {
.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked,
.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked {
background-color: rgba(86, 87, 245, 0.1);
color: #5657f5;
color: #754ffe;
}
.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked:disabled,
@@ -4005,7 +4005,7 @@ placessidebar .navigation-sidebar > row > revealer {
placessidebar .navigation-sidebar > row:selected {
background-color: rgba(255, 255, 255, 0.06);
color: #5657f5;
color: #754ffe;
}
placessidebar .navigation-sidebar > row:selected image.sidebar-icon, placessidebar .navigation-sidebar > row:selected label.sidebar-label {
@@ -4409,7 +4409,7 @@ headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action
emoji-completion-row:focus,
emoji-completion-row:hover, .view selection, .view:selected, iconview selection, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, spinbutton > text > selection, spinbutton:not(.vertical) > text > selection, row:selected, calendar > grid > label.today:selected, calendar > grid > label.day-number:selected {
background-color: #5657f5;
background-color: #754ffe;
}
emoji-completion-row:focus,
@@ -4535,11 +4535,11 @@ button.emoji-section:hover {
}
button.emoji-section:active {
box-shadow: inset 0 2px #5657f5;
box-shadow: inset 0 2px #754ffe;
}
button.emoji-section:checked {
box-shadow: inset 0 2px #5657f5;
box-shadow: inset 0 2px #754ffe;
background-color: transparent;
}
@@ -4558,7 +4558,7 @@ popover.emoji-picker emoji {
}
popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
background: #5657f5;
background: #754ffe;
}
emoji-completion-row > box {
@@ -4878,7 +4878,7 @@ statusbar {
.installed-overlay-box {
font-size: smaller;
background-color: #5657f5;
background-color: #754ffe;
border-radius: 0;
color: #FFFFFF;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
@@ -5094,7 +5094,7 @@ clamp.large .category-tile:not(.category-tile-iconless) {
}
.install-progress {
background-image: linear-gradient(to top, #5657f5 2px, alpha(#5657f5, 0) 2px);
background-image: linear-gradient(to top, #754ffe 2px, alpha(#754ffe, 0) 2px);
background-repeat: no-repeat;
background-position: 0 bottom;
background-size: 0;
@@ -5208,7 +5208,7 @@ star-image {
}
banner > revealer > widget {
background-color: #5657f5;
background-color: #754ffe;
padding: 6px;
}
@@ -5507,7 +5507,7 @@ datechooser button, datechooser button.flat, datechooser button.toggle, datechoo
datechooser button.day.text-button:selected {
box-shadow: none;
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
}
@@ -5518,7 +5518,7 @@ label.primary-label, label.month-name, label.secondary-label {
}
label.primary-label, label.month-name {
color: #5657f5;
color: #754ffe;
}
label.secondary-label {
@@ -5530,7 +5530,7 @@ calendar-view {
}
calendar-view:selected {
color: #5657f5;
color: #754ffe;
font-weight: bold;
}
@@ -5543,7 +5543,7 @@ label.header {
calendar-view.current,
weekgrid.current {
background-color: alpha(#5657f5, 0.3);
background-color: alpha(#754ffe, 0.3);
}
popover.events {
@@ -5680,7 +5680,7 @@ datechooser button.day dot, datechooser button.day.text-button dot {
}
datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.text-button:selected, datechooser button.day.text-button.today:selected {
background-color: #5657f5;
background-color: #754ffe;
color: #FFFFFF;
font-weight: bold;
}
@@ -5690,11 +5690,11 @@ datechooser button.day:selected dot, datechooser button.day.today:selected dot,
}
datechooser button.day.today, datechooser button.day.text-button.today {
color: #5657f5;
color: #754ffe;
}
datechooser button.day.today dot, datechooser button.day.text-button.today dot {
background-color: #5657f5;
background-color: #754ffe;
}
datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.text-button.other-month:not(:hover), datechooser button.day.text-button.other-month:backdrop {
@@ -5748,7 +5748,7 @@ weekhourbar > label {
}
weekgrid > widget.now-strip {
background-color: alpha(#5657f5, 0.8);
background-color: alpha(#754ffe, 0.8);
margin: 0 0 0 1px;
min-height: 3px;
}
@@ -5756,7 +5756,7 @@ weekgrid > widget.now-strip {
weekgrid:selected, weekgrid.dnd,
.week-header:selected,
.week-header.dnd {
background-color: alpha(#5657f5, 0.25);
background-color: alpha(#754ffe, 0.25);
}
monthcell {
@@ -5773,11 +5773,11 @@ monthcell:hover:not(.out-of-month):not(.today) {
}
monthcell:selected {
background-color: alpha(#5657f5, 0.1);
background-color: alpha(#754ffe, 0.1);
}
monthcell:selected:hover {
background-color: alpha(#5657f5, 0.2);
background-color: alpha(#754ffe, 0.2);
}
monthcell:selected label.day-label {
@@ -5789,20 +5789,20 @@ monthcell:nth-child(7n + 1) {
}
monthcell.today {
background-color: alpha(#5657f5, 0.2);
background-color: alpha(#754ffe, 0.2);
}
monthcell.today:hover {
background-color: alpha(#5657f5, 0.3);
color: #5657f5;
background-color: alpha(#754ffe, 0.3);
color: #754ffe;
}
monthcell.today:selected {
background-color: alpha(#5657f5, 0.25);
background-color: alpha(#754ffe, 0.25);
}
monthcell.today:selected:hover {
background-color: alpha(#5657f5, 0.35);
background-color: alpha(#754ffe, 0.35);
}
monthcell label {
@@ -5977,7 +5977,7 @@ agenda-view list.background {
.running-stopwatch .seconds-label,
.running-stopwatch .miliseconds-label {
color: #5657f5;
color: #754ffe;
}
.stopped-stopwatch .miliseconds-label,
@@ -6505,7 +6505,7 @@ preferencesgroup > box button.background-preview-button.toggle:active {
}
preferencesgroup > box button.background-preview-button.toggle:checked {
outline-color: #5657f5;
outline-color: #754ffe;
}
viewswitcher {
@@ -6525,7 +6525,7 @@ viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator
}
viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label {
color: #5657f5;
color: #754ffe;
}
viewswitcher.narrow button.toggle {
@@ -6544,7 +6544,7 @@ viewswitcher.narrow button.toggle:hover {
viewswitcher.narrow button.toggle:active {
color: #FFFFFF;
box-shadow: inset 0 -2px #5657f5;
box-shadow: inset 0 -2px #754ffe;
background-color: rgba(255, 255, 255, 0.1);
}
@@ -6552,7 +6552,7 @@ viewswitcher.narrow button.toggle:checked {
border-radius: 0;
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.06);
box-shadow: inset 0 -2px #5657f5;
box-shadow: inset 0 -2px #754ffe;
background-image: none;
}
@@ -6602,7 +6602,7 @@ viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not
viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):active {
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.1);
box-shadow: inset 0 2px #5657f5;
box-shadow: inset 0 2px #754ffe;
}
viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked {
@@ -6612,7 +6612,7 @@ viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not
viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked, viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked:hover {
background-color: rgba(255, 255, 255, 0.06);
box-shadow: inset 0 2px #5657f5;
box-shadow: inset 0 2px #754ffe;
background-image: none;
}
@@ -6677,7 +6677,7 @@ indicatorbin > mask {
}
indicatorbin.needs-attention > indicator {
background-color: #5657f5;
background-color: #754ffe;
}
indicatorbin.needs-attention > indicator > label {
@@ -6728,7 +6728,7 @@ tabbar tabbox > revealer > indicator {
min-width: 2px;
border-radius: 2px;
margin: 3px 6px;
background: #5657f5;
background: #754ffe;
}
tabbar tab {
@@ -6821,7 +6821,7 @@ tabbar tab indicator,
dnd tab indicator {
min-height: 2px;
border-radius: 2px;
background: alpha(#5657f5, 0.5);
background: alpha(#754ffe, 0.5);
transform: translateY(4px);
}
@@ -6848,12 +6848,12 @@ tabthumbnail .needs-attention:dir(rtl) {
}
tabthumbnail .needs-attention > widget {
background: #5657f5;
background: #754ffe;
min-width: 12px;
min-height: 12px;
border-radius: 8px;
margin: 3px;
box-shadow: 0 1px 2px alpha(#5657f5, 0.4);
box-shadow: 0 1px 2px alpha(#754ffe, 0.4);
}
tabthumbnail .card {
@@ -6883,17 +6883,17 @@ tabthumbnail .tab-unpin-icon {
tabthumbnail button.circular {
margin: 6px;
background-color: alpha(#5657f5, 0.15);
background-color: alpha(#754ffe, 0.15);
min-width: 24px;
min-height: 24px;
}
tabthumbnail button.circular:hover {
background-color: alpha(#5657f5, 0.2);
background-color: alpha(#754ffe, 0.2);
}
tabthumbnail button.circular:active {
background-color: alpha(#5657f5, 0.25);
background-color: alpha(#754ffe, 0.25);
}
taboverview > .overview .new-tab-button {
@@ -7081,12 +7081,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
}
.sidebar-pane banner > revealer > widget {
background-color: gtkmix(#5657f5, #3b3b43, 30%);
background-color: gtkmix(#754ffe, #3b3b43, 30%);
color: #FFFFFF;
}
.sidebar-pane banner > revealer > widget:backdrop {
background-color: gtkmix(#5657f5, #3b3b43, 30%);
background-color: gtkmix(#754ffe, #3b3b43, 30%);
}
.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -7240,13 +7240,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
.content-pane .sidebar-pane banner > revealer > widget,
.sidebar-pane .content-pane banner > revealer > widget {
background-color: gtkmix(#5657f5, #31313a, 30%);
background-color: gtkmix(#754ffe, #31313a, 30%);
color: #FFFFFF;
}
.content-pane .sidebar-pane banner > revealer > widget:backdrop,
.sidebar-pane .content-pane banner > revealer > widget:backdrop {
background-color: gtkmix(#5657f5, #31313a, 30%);
background-color: gtkmix(#754ffe, #31313a, 30%);
}
.content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7310,7 +7310,7 @@ themeselector checkbutton.follow:checked, themeselector checkbutton.light:checke
panelthemeselector checkbutton.follow:checked,
panelthemeselector checkbutton.light:checked,
panelthemeselector checkbutton.dark:checked {
box-shadow: inset 0 0 0 2px #5657f5;
box-shadow: inset 0 0 0 2px #754ffe;
}
themeselector checkbutton.follow,
@@ -7351,7 +7351,7 @@ panelthemeselector checkbutton.theme-selector radio:checked {
-gtk-icon-size: 20px;
-gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
color: #FFFFFF;
background-color: #5657f5;
background-color: #754ffe;
}
themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
@@ -7373,7 +7373,7 @@ themeswitcher .check {
margin: 0;
border-radius: 9999px;
color: #FFFFFF;
background-color: #5657f5;
background-color: #754ffe;
}
themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
@@ -7391,7 +7391,7 @@ themeswitcher checkbutton {
}
themeswitcher checkbutton:checked {
box-shadow: inset 0 0 0 2px #5657f5;
box-shadow: inset 0 0 0 2px #754ffe;
}
themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
@@ -7435,7 +7435,7 @@ text widgets and the like base background color */
@define-color theme_base_color #31313a;
/*
base background color of selections */
@define-color theme_selected_bg_color #5657f5;
@define-color theme_selected_bg_color #754ffe;
/*
text/foreground color of selections */
@define-color theme_selected_fg_color #FFFFFF;
@@ -7462,7 +7462,7 @@ text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #31313a;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #5657f5;
@define-color theme_unfocused_selected_bg_color #754ffe;
/*
text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #FFFFFF;