mirror of
https://github.com/luneko/SweetTokyoNight.git
synced 2025-12-13 15:29:53 +01:00
Gtk-4: Add initial suppport to gtk v4
This commit is contained in:
EliverLara
1008
gtk-4.0/apps/_budgie.scss
Executable file
1008
gtk-4.0/apps/_budgie.scss
Executable file
File diff suppressed because it is too large
Load Diff
79
gtk-4.0/apps/_caja.scss
Normal file
79
gtk-4.0/apps/_caja.scss
Normal file
@@ -0,0 +1,79 @@
|
||||
.caja-notebook {
|
||||
|
||||
.frame { border-width: 0 0 1px; }
|
||||
|
||||
.entry {
|
||||
background: $bg_color;
|
||||
color: $fg_color;
|
||||
border-color: $borders_color;
|
||||
&:selected {
|
||||
background: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**************
|
||||
* Caja sidebar *
|
||||
**************/
|
||||
|
||||
.caja-side-pane {
|
||||
|
||||
.frame { border-width: 1px 0 0; }
|
||||
|
||||
background: $headerbar_color;
|
||||
treeview.view,
|
||||
textview.view text,
|
||||
viewport.frame,
|
||||
widget .vertical {
|
||||
background: $_sidebar_color;
|
||||
padding: 3px 2px;
|
||||
color: #98abb2;
|
||||
&:hover {
|
||||
background-color: transparentize(darken($_sidebar_color, 2%), 0.05);
|
||||
}
|
||||
&:selected {
|
||||
color: $selected_fg_color;
|
||||
background:$selected_bg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**************
|
||||
* Caja pathbar *
|
||||
**************/
|
||||
|
||||
.caja-navigation-window paned, .caja-navigation-window .primary-toolbar {
|
||||
background: $headerbar_color;
|
||||
}
|
||||
|
||||
.caja-navigation-window {
|
||||
|
||||
.primary-toolbar button,
|
||||
.vertical button.image-button.toggle:not(.text-button) {
|
||||
&, &:backdrop { @include button(undecorated); }
|
||||
&:hover,
|
||||
&:active,
|
||||
&:backdrop:active,
|
||||
&:backdrop:checked {
|
||||
background: $selected_bg_color;
|
||||
box-shadow: none;
|
||||
&, & label {
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.caja-pathbar button {
|
||||
@include button(normal-header);
|
||||
margin-top: 7px;
|
||||
margin-bottom: 7px;
|
||||
&:hover { color: $selected_bg_color; }
|
||||
&:checked { @include button(active-header); }
|
||||
&:backdrop:disabled {
|
||||
@include button(backdrop-header,$base_color,transparentize($fg_color,0.8));
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
37
gtk-4.0/apps/_geary.scss
Executable file
37
gtk-4.0/apps/_geary.scss
Executable file
@@ -0,0 +1,37 @@
|
||||
/*********
|
||||
* Geary *
|
||||
*********/
|
||||
|
||||
.geary-titlebar-left,
|
||||
.geary-titlebar-right {
|
||||
|
||||
.separator {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ConversationListView {
|
||||
-GtkTreeView-grid-line-width: 0;
|
||||
|
||||
.view {
|
||||
&:active,
|
||||
&:selected {
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
|
||||
&:backdrop {
|
||||
background-color: $backdrop_selected_bg_color;
|
||||
color: $backdrop_selected_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
.cell {
|
||||
border: solid transparentize(black, 0.8);
|
||||
border-width: 0 0 1px 0;
|
||||
&:selected {
|
||||
color: $selected_fg_color;
|
||||
border: 0px solid darken($selected_bg_color, 10% );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
206
gtk-4.0/apps/_gnome.scss
Executable file
206
gtk-4.0/apps/_gnome.scss
Executable file
@@ -0,0 +1,206 @@
|
||||
/************
|
||||
* Nautilus *
|
||||
************/
|
||||
.nautilus-window {
|
||||
.frame{
|
||||
*:selected, *:selected:backdrop{
|
||||
background: transparent;
|
||||
color: $selected_bg_color;
|
||||
label {
|
||||
color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
paned {
|
||||
> separator { background-image: none; }
|
||||
}
|
||||
.sidebar {
|
||||
background-color: transparent;
|
||||
// background-image: none;
|
||||
|
||||
&:backdrop {
|
||||
background-color: transparent;
|
||||
// background-image: none;
|
||||
}
|
||||
|
||||
.list-row {
|
||||
button {
|
||||
border: none;
|
||||
background-color: transparentize(darken($base_color,3%),0.05);
|
||||
&:active {
|
||||
background-color: transparentize($selected_bg_color,0.25);
|
||||
}
|
||||
}
|
||||
|
||||
&:selected {
|
||||
background-color: transparentize($selected_bg_color,0.25);
|
||||
&:hover {
|
||||
background-color: transparentize($selected_bg_color,0.1);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: transparentize($base_color,0.5);
|
||||
&:active {
|
||||
background-color: transparentize($selected_bg_color,0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.background {
|
||||
background-color: transparentize(darken($base_color,3%),0.05);
|
||||
&:backdrop {
|
||||
background-color: transparentize(darken($base_color,3%),0.05);
|
||||
}
|
||||
}
|
||||
|
||||
notebook {
|
||||
> stack:only-child { // the :not(:only-child) is for "hidden" notebooks
|
||||
background-color: $base_color;
|
||||
&:backdrop { background-color: $backdrop_base_color; }
|
||||
}
|
||||
}
|
||||
|
||||
searchbar {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.searchbar-container {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
.search {
|
||||
border: 1px solid transparent;
|
||||
border-radius: 10px;
|
||||
box-shadow: none;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.path-bar-box {
|
||||
.dim-label {
|
||||
color:transparent;
|
||||
}
|
||||
widget > .text-button:last-child,
|
||||
widget > .text-button:last-child:active,
|
||||
widget > .text-button:last-child:checked,
|
||||
button:active, button:checked {
|
||||
@include button(active-header);
|
||||
&:backdrop{
|
||||
&, label{
|
||||
color: darken(rgb(255, 255, 255), 4%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.linked:not(.path-bar) {
|
||||
button {
|
||||
&:active, &:checked, &:active:backdrop, &:checked:backdrop {
|
||||
background: transparent;
|
||||
color: $selected_bg_color;
|
||||
box-shadow: none;
|
||||
border: none; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.linked:not(.vertical) > entry {
|
||||
border-radius: 10px;
|
||||
margin-right: 5px;
|
||||
&:focus {
|
||||
border-color: transparentize($selected_bg_color, 0.4);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nautilus-circular-button {
|
||||
border-radius: 20px;
|
||||
-gtk-outline-radius: 20px;
|
||||
}
|
||||
|
||||
.disk-space-display {
|
||||
border: 2px solid;
|
||||
|
||||
.unknown {
|
||||
background-color: #888a85;
|
||||
border-color: darken(#888a85, 20%);
|
||||
}
|
||||
|
||||
.used {
|
||||
background-color: #9FB0B9;
|
||||
border-color: darken(#9FB0B9, 20%);
|
||||
}
|
||||
|
||||
.free {
|
||||
background-color: #D8D8D8;
|
||||
border-color: darken(#D8D8D8, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.nautilus-desktop {
|
||||
|
||||
color: $fg_color;
|
||||
|
||||
.nautilus-canvas-item {
|
||||
border-radius: 5px;
|
||||
color: $selected_fg_color;
|
||||
text-shadow: 1px 1px transparentize(black, 0.4);
|
||||
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $fg_color;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
&:selected {
|
||||
color: $selected_fg_color;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.dim-label {
|
||||
&:selected {
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nautilus-list {
|
||||
|
||||
.dim-label {
|
||||
&:selected {
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*********
|
||||
* Gedit *
|
||||
*********/
|
||||
.gedit-search-slider {
|
||||
padding: 4px;
|
||||
border-radius: 0 0 3px 3px;
|
||||
border: 0;
|
||||
background-color: $bg_color;
|
||||
}
|
||||
|
||||
|
||||
/*********
|
||||
* Gnucash *
|
||||
*********/
|
||||
#gnc-id-main-window {
|
||||
entry.gnc-class-register-foreground {
|
||||
background: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.arrow.button.toggle {
|
||||
transition: none;
|
||||
box-shadow: none;
|
||||
&:hover { border-color: $selected_bg_color; }
|
||||
}
|
||||
}
|
||||
115
gtk-4.0/apps/_lightdm.scss
Executable file
115
gtk-4.0/apps/_lightdm.scss
Executable file
@@ -0,0 +1,115 @@
|
||||
/***********
|
||||
* LightDm *
|
||||
***********/
|
||||
|
||||
// the panel widget at the top
|
||||
#panel_window {
|
||||
background-color: $panel_bg_color;
|
||||
color: $panel_fg_color;
|
||||
font-weight: bold;
|
||||
box-shadow: inset 0 -1px darken($panel_bg_color, 7%);
|
||||
|
||||
// the menubars/menus of the panel, i.e. indicators
|
||||
.menubar,
|
||||
.menubar > .menuitem
|
||||
menubar,
|
||||
menubar > menuitem {
|
||||
background-color: transparent;
|
||||
color: $panel_fg_color;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.menubar .menuitem:disabled,
|
||||
menubar menuitem:disabled {
|
||||
color: transparentize($panel_fg_color, 0.5);
|
||||
|
||||
GtkLabel { color: inherit; }
|
||||
label { color: inherit; }
|
||||
}
|
||||
.menubar .menu > .menuitem,
|
||||
menubar menu > menuitem { font-weight: normal; }
|
||||
}
|
||||
|
||||
// the login window
|
||||
#login_window,
|
||||
#shutdown_dialog,
|
||||
#restart_dialog {
|
||||
font-weight: normal;
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
// the top half of the login-window, in GtkDialog terms, the content
|
||||
#content_frame {
|
||||
padding-bottom: 14px;
|
||||
background-color: $bg_color;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 2px;
|
||||
border: solid transparentize(black, 0.9);
|
||||
border-width: 1px 1px 0 1px;
|
||||
}
|
||||
|
||||
#content_frame button {
|
||||
@include button(normal);
|
||||
|
||||
&:hover { @include button(hover); }
|
||||
&:active, &:checked { @include button(active); }
|
||||
&:disabled { @include button(insensitive); }
|
||||
}
|
||||
|
||||
// the lower half of the login-window, in GtkDialog terms the buttonbox or action area
|
||||
#buttonbox_frame {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 0px;
|
||||
border-style: none;
|
||||
background-color: if($variant=='light', $osd_bg_color, $headerbar_color);
|
||||
border-bottom-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
border: solid transparentize(black, 0.9);
|
||||
border-width: 0 1px 1px 1px;
|
||||
}
|
||||
|
||||
#buttonbox_frame button{
|
||||
@include button(osd);
|
||||
|
||||
&:hover { @include button(osd-hover); }
|
||||
&:active, &:checked { @include button(osd-active); }
|
||||
&:disabled { @include button(osd-insensitive); }
|
||||
}
|
||||
|
||||
#login_window #user_combobox {
|
||||
color: $fg_color;
|
||||
font-size: 13px;
|
||||
|
||||
.menu,
|
||||
menu { font-weight: normal; }
|
||||
}
|
||||
|
||||
// the user's avatar box
|
||||
#user_image {
|
||||
padding: 3px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
// the shutdown button
|
||||
#shutdown_button.button {
|
||||
@include button(suggested_destructive, $destructive_color);
|
||||
|
||||
&:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); }
|
||||
&:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); }
|
||||
}
|
||||
|
||||
// the restart button
|
||||
#restart_button.button {
|
||||
@include button(suggested_destructive, $suggested_color);
|
||||
|
||||
&:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); }
|
||||
&:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); }
|
||||
}
|
||||
|
||||
// the warning, in case a wrong password is entered or something else goes wrong according to PAM
|
||||
#greeter_infobar {
|
||||
border-bottom-width: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
20
gtk-4.0/apps/_mate.scss
Normal file
20
gtk-4.0/apps/_mate.scss
Normal file
@@ -0,0 +1,20 @@
|
||||
//
|
||||
// Mate OSD Window
|
||||
//
|
||||
|
||||
MsdOsdWindow.background.osd {
|
||||
border-radius: 2px;
|
||||
border: 1px solid $borders_color;
|
||||
|
||||
.progressbar {
|
||||
background-color: $selected_bg_color;
|
||||
border: none;
|
||||
border-color: $selected_bg_color;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.trough {
|
||||
background-color: darken($osd_bg_color, 5%);
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
68
gtk-4.0/apps/_nemo.scss
Normal file
68
gtk-4.0/apps/_nemo.scss
Normal file
@@ -0,0 +1,68 @@
|
||||
.nemo-window {
|
||||
.places-treeview {
|
||||
-NemoPlacesTreeView-disk-full-bg-color: lighten($_sidebar_color, 15%);
|
||||
-NemoPlacesTreeView-disk-full-fg-color: $teal;
|
||||
-GtkTreeView-vertical-separator: 7;
|
||||
.view.cell,
|
||||
iconview.cell {
|
||||
&:hover {
|
||||
background: transparentize(darken($_sidebar_color, 3%), 0.3);
|
||||
}
|
||||
&:selected {
|
||||
background: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
color: #98abb2;
|
||||
background-color: $_sidebar_color;
|
||||
.view, .iconview, row {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.nemo-window-pane {
|
||||
widget.entry {
|
||||
background-clip: padding-box;
|
||||
min-height: 28px;
|
||||
padding: 5px;
|
||||
color: $fg_color;
|
||||
border: 1px solid $borders_color;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 1px transparentize(black, 0.1),
|
||||
inset 1px 0 transparentize(black, 0.04),
|
||||
inset -1px 0 transparentize(black, 0.04),
|
||||
inset 0 -1px transparentize(black, 0.02),
|
||||
0 1px transparentize(white, 0.4);
|
||||
&:selected {
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
toolbar.primary-toolbar {
|
||||
margin-bottom: -1px;
|
||||
background: $headerbar_color;
|
||||
button {
|
||||
@include button(normal-header);
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
min-height: 24px;
|
||||
&:hover {
|
||||
background: transparent;
|
||||
color: $selected_bg_color;
|
||||
}
|
||||
&:selected,
|
||||
&:active,
|
||||
&:checked { @include button(active-header); }
|
||||
}
|
||||
}
|
||||
|
||||
.nemo-inactive-pane .view,
|
||||
.nemo-inactive-pane iconview {
|
||||
background-color: darken($base_color, 2%);
|
||||
}
|
||||
|
||||
}
|
||||
445
gtk-4.0/apps/_pantheon.scss
Executable file
445
gtk-4.0/apps/_pantheon.scss
Executable file
@@ -0,0 +1,445 @@
|
||||
/********
|
||||
* Gala *
|
||||
*******/
|
||||
|
||||
.gala-notification {
|
||||
border-width: 0;
|
||||
border-radius: 2px;
|
||||
color: white;
|
||||
border: 1px solid $base_color;
|
||||
background-color: $base_color;
|
||||
|
||||
.title,
|
||||
.label {
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
.gala-button {
|
||||
padding: 3px;
|
||||
color: $base_color;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
background-image: linear-gradient(to bottom,
|
||||
#7e7e7e,
|
||||
#3e3e3e
|
||||
);
|
||||
box-shadow: inset 0 0 0 1px transparentize(white, 0.02),
|
||||
inset 0 1px 0 0 transparentize(white, 0.07),
|
||||
inset 0 -1px 0 0 transparentize(white, 0.01),
|
||||
0 0 0 1px transparentize(black, 0.40),
|
||||
0 3px 6px transparentize(black, 0.16),
|
||||
0 3px 6px transparentize(black, 0.23);
|
||||
text-shadow: 0 1px 1px transparentize(black, 0.6);
|
||||
}
|
||||
|
||||
/**********
|
||||
* Notify *
|
||||
*********/
|
||||
|
||||
.notify {
|
||||
/*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/
|
||||
|
||||
border-radius: 5px;
|
||||
border: 1px solid transparentize(black, 0.30);
|
||||
|
||||
background-color: transparentize($base_color, 0.95);
|
||||
|
||||
.low {}
|
||||
.critical {}
|
||||
}
|
||||
|
||||
|
||||
/***************
|
||||
* SwitchBoard *
|
||||
***************/
|
||||
|
||||
.category-label {
|
||||
font-weight: bold;
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
|
||||
/*************
|
||||
* Slingshot *
|
||||
************/
|
||||
|
||||
.button.app {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
background-image: none;
|
||||
|
||||
.app {
|
||||
&:hover{
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
background-color: transparentize($selected_bg_color, 0.7);
|
||||
color: white;
|
||||
}
|
||||
&:focus{
|
||||
/*background-color: transparentize(black, 0.20);*/
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-item {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: $fg_color;
|
||||
background: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-radius: 0;
|
||||
background-color: transparentize($selected_bg_color, 0.7);
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.search-entry-large,
|
||||
.search-entry-large:focus {
|
||||
border: none;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
background-image: none;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.search-category-header {
|
||||
font-weight: bold;
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*********
|
||||
* Panel *
|
||||
********/
|
||||
|
||||
.panel {
|
||||
background-color: transparent;
|
||||
transition: all 100ms ease-in-out;
|
||||
|
||||
&.maximized {
|
||||
background-color: $panel_bg_color;
|
||||
}
|
||||
|
||||
&.translucent {
|
||||
background-color: transparentize($panel_bg_color, 0.5);;
|
||||
}
|
||||
|
||||
&.color-light.translucent {
|
||||
background-color: transparentize($panel_fg_color, 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
menubar.panel,
|
||||
.panel menubar {
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.composited-indicator {
|
||||
|
||||
> revealer,
|
||||
> revealer image,
|
||||
> revealer label,
|
||||
> revealer spinner {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5);
|
||||
transition: all 200ms ease-in-out;
|
||||
-gtk-icon-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5);
|
||||
}
|
||||
|
||||
> revealer image:first-child + label {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.panel.color-light .composited-indicator {
|
||||
|
||||
> revealer,
|
||||
> revealer image,
|
||||
> revealer label,
|
||||
> revealer spinner {
|
||||
color: transparentize(black, 0.4);
|
||||
text-shadow: 0 1px transparentize(white, 0.9);
|
||||
-gtk-icon-shadow: 0 1px transparentize(white, 0.9);
|
||||
}
|
||||
}
|
||||
|
||||
/**************
|
||||
* Calculator *
|
||||
**************/
|
||||
|
||||
PantheonCalculatorMainWindow {
|
||||
border-radius: 0 0 4px 4px;
|
||||
|
||||
.window-frame {
|
||||
border-radius:3px;
|
||||
}
|
||||
}
|
||||
|
||||
/*********
|
||||
* Cards *
|
||||
*********/
|
||||
|
||||
.deck {
|
||||
background-color: darken($bg_color, 8%);
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: $base_color;
|
||||
border: none;
|
||||
box-shadow: 0 0 0 1px transparentize(black, 0.95),
|
||||
0 3px 3px transparentize(black, 0.8);
|
||||
transition: all 150ms ease-in-out;
|
||||
}
|
||||
|
||||
.card.collapsed {
|
||||
background-color: darken($base_color, 5%);
|
||||
box-shadow: 0 0 0 1px transparentize(black, 0.95),
|
||||
0 1px 2px transparentize(black, 0.8);
|
||||
}
|
||||
|
||||
/*********
|
||||
* Noise *
|
||||
*********/
|
||||
|
||||
NoiseLibraryWindow {
|
||||
border-radius: 0 0 4px 4px;
|
||||
|
||||
.action-bar {
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.window-frame {
|
||||
border-radius:3px;
|
||||
}
|
||||
}
|
||||
|
||||
/********
|
||||
* Snap *
|
||||
********/
|
||||
|
||||
SnapMainWindow,
|
||||
SnapSnapWindow {
|
||||
|
||||
.take-button {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*******************
|
||||
* Photos/Shotwell *
|
||||
*******************/
|
||||
|
||||
DirectWindow,
|
||||
LibraryWindow {
|
||||
|
||||
.the-button-in-the-combobox {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.checkerboard-layout {
|
||||
background-color: $bg_color;
|
||||
background-image: linear-gradient(45deg,
|
||||
transparentize(black, 0.9) 25%,
|
||||
transparent 25%,
|
||||
transparent 75%,
|
||||
transparentize(black, 0.9) 75%,
|
||||
transparentize(black, 0.9)),
|
||||
linear-gradient(45deg,
|
||||
transparentize(black, 0.9) 25%,
|
||||
transparent 25%,
|
||||
transparent 75%,
|
||||
transparentize(black, 0.9) 75%,
|
||||
transparentize(black, 0.9));
|
||||
background-size: 24px 24px;
|
||||
background-position: 0 0, 12px 12px
|
||||
}
|
||||
|
||||
.checkboard-layout .item {
|
||||
background-color: $fg_color;
|
||||
}
|
||||
|
||||
/*********
|
||||
* Avatar *
|
||||
*********/
|
||||
|
||||
.avatar {
|
||||
border: 1px solid transparentize(#000, 0.77);
|
||||
border-radius: 50%;
|
||||
box-shadow:
|
||||
inset 0 0 0 1px transparentize(#fff, 0.95),
|
||||
inset 0 1px 0 0 transparentize(#fff, 0.55),
|
||||
inset 0 -1px 0 0 transparentize(#fff, 0.85),
|
||||
0 1px 3px transparentize(#000, 0.88),
|
||||
0 1px 2px transparentize(#000, 0.77);
|
||||
}
|
||||
|
||||
/************
|
||||
* Level bar *
|
||||
*************/
|
||||
|
||||
.source-list.view {
|
||||
&.level-bar {
|
||||
&, &:selected, &:selected:focus {
|
||||
background: linear-gradient(lighten($_sidebar_color, 15%), lighten($_sidebar_color, 15%));
|
||||
border: 1px solid transparentize(black, 0.86);
|
||||
box-shadow: 0 1px 0 transparentize(#000, 0.75);
|
||||
border-radius: 2px;
|
||||
}
|
||||
&.fill-block {
|
||||
border: none;
|
||||
&, &:hover, &:selected, &:selected:focus {
|
||||
@include scale-highlight(right);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**************************
|
||||
* Colors in context menu *
|
||||
**************************/
|
||||
|
||||
checkbutton.color-button {
|
||||
border: 1px solid $borders_color;
|
||||
border-radius: 100px;
|
||||
background-clip: border-box;
|
||||
padding: 0;
|
||||
margin: 2px 1px;
|
||||
|
||||
> check {
|
||||
-gtk-icon-source: none;
|
||||
background: none;
|
||||
margin-right: 0;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
&.none {
|
||||
> check {
|
||||
background-color: transparent;
|
||||
border-radius: 100px;
|
||||
-gtk-icon-source: -gtk-icontheme("close-symbolic");
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
radiobutton.color-button {
|
||||
> radio {
|
||||
-gtk-icon-source: none;
|
||||
margin-right: 0;
|
||||
border: 1px solid rgba(black, 0.15);
|
||||
border-radius: 100px;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
&:active > radio {
|
||||
border: 1px solid rgba(black, 0.35);
|
||||
}
|
||||
}
|
||||
|
||||
.color-button {
|
||||
check,
|
||||
check:checked,
|
||||
radio,
|
||||
radio:checked, {
|
||||
background-image: none;
|
||||
border: 1px solid rgba(black, 0.2);
|
||||
border-radius: 50%;
|
||||
color: $base_color;
|
||||
-gtk-icon-source: -gtk-icontheme("check-active-symbolic");
|
||||
}
|
||||
|
||||
&.red check,
|
||||
&.red radio,
|
||||
&.strawberry check,
|
||||
&.strawberry radio {
|
||||
background-color: #{'@STRAWBERRY_300'};
|
||||
-gtk-icon-shadow: 0 1px 1px #{'@STRAWBERRY_500'};
|
||||
}
|
||||
|
||||
&.orange check,
|
||||
&.orange radio {
|
||||
background-color: #{'@ORANGE_300'};
|
||||
-gtk-icon-shadow: 0 1px 1px #{'@ORANGE_500'};
|
||||
}
|
||||
|
||||
&.yellow check,
|
||||
&.yellow radio,
|
||||
&.banana check,
|
||||
&.banana radio {
|
||||
background-color: #{'@BANANA_500'};
|
||||
-gtk-icon-shadow: 0 1px 1px #{'@BANANA_700'};
|
||||
}
|
||||
|
||||
&.green check,
|
||||
&.green radio,
|
||||
&.lime check,
|
||||
&.lime radio {
|
||||
background-color: #{'@LIME_500'};
|
||||
-gtk-icon-shadow: 0 1px 1px #{'@LIME_700'};
|
||||
}
|
||||
|
||||
&.blue check,
|
||||
&.blue radio,
|
||||
&.blueberry check,
|
||||
&.blueberry radio {
|
||||
background-color: #{'@BLUEBERRY_500'};
|
||||
-gtk-icon-shadow: 0 1px 1px #{'@BLUEBERRY_700'};
|
||||
}
|
||||
|
||||
&.purple check,
|
||||
&.purple radio,
|
||||
&.grape check,
|
||||
&.grape radio {
|
||||
background-color: #{'@GRAPE_500'};
|
||||
-gtk-icon-shadow: 0 1px 1px #{'@GRAPE_700'};
|
||||
}
|
||||
|
||||
&.brown check,
|
||||
&.brown radio,
|
||||
&.cocoa check,
|
||||
&.cocoa radio {
|
||||
background-color: #{'@COCOA_300'};
|
||||
-gtk-icon-shadow: 0 1px 1px #{'@COCOA_500'};
|
||||
}
|
||||
|
||||
&.mint check,
|
||||
&.mint radio {
|
||||
background-color: #{'@MINT_500'};
|
||||
-gtk-icon-shadow: 0 1px 1px #{'@MINT_700'};
|
||||
}
|
||||
|
||||
&.pink check,
|
||||
&.pink radio,
|
||||
&.bubblegum check,
|
||||
&.bubblegum radio {
|
||||
background-color: #{'@BUBBLEGUM_500'};
|
||||
-gtk-icon-shadow: 0 1px 1px #{'@BUBBLEGUM_700'};
|
||||
}
|
||||
|
||||
&.slate check,
|
||||
&.slate radio {
|
||||
background-color: #{'@SLATE_300'};
|
||||
-gtk-icon-shadow: 0 1px 1px #{'@SLATE_500'};
|
||||
|
||||
}
|
||||
|
||||
&.auto radio {
|
||||
background-image: url("assets/color-button-auto.png");
|
||||
background-position: -1px -1px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: calc(100% + 2px);
|
||||
}
|
||||
}
|
||||
170
gtk-4.0/apps/_unity.scss
Executable file
170
gtk-4.0/apps/_unity.scss
Executable file
@@ -0,0 +1,170 @@
|
||||
/********
|
||||
* Unity *
|
||||
*********/
|
||||
|
||||
$unity_color: #eeeeee; /* Unity window border color */
|
||||
$unity_text_color: #31363D; /* Unity window text color */
|
||||
$backdrop_unity_text_color: darken($unity_text_color,10%); /* Backdrop Unity window text color */
|
||||
$unity_panel_color: darken($unity_color, 10%); /* Unity panel color #454D50 */
|
||||
|
||||
UnityDecoration {
|
||||
|
||||
/* Border properties (top, right, bottom, left) */
|
||||
-UnityDecoration-extents: 28px 1px 1px 1px;/* the size of the decorations */
|
||||
-UnityDecoration-input-extents: 10px;/* the extra size of the input areas */
|
||||
|
||||
/* Shadows settings */
|
||||
-UnityDecoration-shadow-offset-x: 1px;/* Size property, the shadow x offset */
|
||||
-UnityDecoration-shadow-offset-y: 1px;/* Size property, the shadow y offset */
|
||||
-UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, active window shadow color */
|
||||
-UnityDecoration-active-shadow-radius: 8px;/* Size property, active window shadow radius */
|
||||
-UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, inactive windows shadow color */
|
||||
-UnityDecoration-inactive-shadow-radius: 5px;/* Size property, inactive windows shadow radius */
|
||||
|
||||
/* Glow applied to the selected scaled window */
|
||||
-UnityDecoration-glow-size: 8px;/* Size property, size of glow */
|
||||
-UnityDecoration-glow-color: $selected_bg_color;/* Color property of the glow */
|
||||
|
||||
/* Title settings */
|
||||
-UnityDecoration-title-indent: 10px;/* Size property, left indent of the title */
|
||||
-UnityDecoration-title-fade: 35px;/* Size property, space of the title that can be faded */
|
||||
-UnityDecoration-title-alignment: 0.0;/* Float from 0.0 to 1.0, to align the title */
|
||||
background-color: $unity_color;
|
||||
color: $unity_text_color;
|
||||
|
||||
.top {
|
||||
padding: 0 5px 0 5px;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
box-shadow: none;
|
||||
border: 1px solid $unity_color;
|
||||
border-bottom-width: 0;
|
||||
background-color: $unity_color;
|
||||
color: $unity_text_color;
|
||||
border-top: 1px solid rgba(255,255,255,0.1);
|
||||
|
||||
&:backdrop {
|
||||
border-bottom-width: 0;
|
||||
color: $backdrop_unity_text_color;
|
||||
border-top: 1px solid rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.menuitem {
|
||||
color: $unity_text_color;
|
||||
|
||||
&:backdrop {
|
||||
color: $backdrop_unity_text_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
UnityDecoration.left,
|
||||
UnityDecoration.right {
|
||||
background-repeat: repeat-x;
|
||||
background-color: darken($unity_color, 0.6);
|
||||
background-size: 1px 120px;
|
||||
background-clip: border-box;
|
||||
background-image: linear-gradient(to bottom,
|
||||
$unity_color,
|
||||
darken($unity_color, 0.6)
|
||||
);
|
||||
}
|
||||
|
||||
UnityDecoration.bottom {
|
||||
background-size: 1px;
|
||||
background-repeat: repeat-x;
|
||||
background-color: darken($unity_color, 0.6);
|
||||
}
|
||||
|
||||
UnityDecoration.left:backdrop,
|
||||
UnityDecoration.right:backdrop,
|
||||
UnityDecoration.bottom:backdrop {
|
||||
background-size: 1px;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
|
||||
/**************
|
||||
* Unity Panel *
|
||||
***************/
|
||||
|
||||
UnityPanelWidget,
|
||||
.unity-panel {
|
||||
background-color: $unity_panel_color;
|
||||
color: $unity_text_color;
|
||||
}
|
||||
|
||||
|
||||
UnityPanelWidget:backdrop,
|
||||
.unity-panel:backdrop {
|
||||
color: $backdrop_unity_text_color;
|
||||
}
|
||||
|
||||
.unity-panel.menuitem,
|
||||
.unity-panel .menuitem {
|
||||
border-width: 0 1px;
|
||||
color: $unity_text_color;
|
||||
}
|
||||
|
||||
.unity-panel.menubar,
|
||||
.unity-panel .menubar {
|
||||
color: $unity_text_color;
|
||||
}
|
||||
|
||||
.unity-panel.menu.menubar,
|
||||
.unity-panel .menu .menubar {
|
||||
background-color: $unity_panel_color;
|
||||
color: $unity_text_color;
|
||||
}
|
||||
|
||||
.unity-panel.menubar:backdrop,
|
||||
.unity-panel .menubar *:backdrop {
|
||||
color: $backdrop_fg_color;
|
||||
}
|
||||
|
||||
.unity-panel.menubar.menuitem,
|
||||
.unity-panel.menubar .menuitem {
|
||||
padding: 3px 5px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border: none;
|
||||
background: none;
|
||||
color: $unity_text_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.unity-panel.menubar.menuitem:hover,
|
||||
.unity-panel.menubar .menuitem:hover {
|
||||
border-radius: 0;
|
||||
background-color: darken($unity_color, 1.05);
|
||||
color: $unity_text_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.unity-panel.menubar .menuitem *:hover {
|
||||
color: white;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.unity-panel.menubar .menuitem.separator,
|
||||
.unity-panel.menubar.menuitem.separator {
|
||||
border: none;
|
||||
color: $borders_color;
|
||||
}
|
||||
|
||||
/* Force Quit */
|
||||
SheetStyleDialog.unity-force-quit {
|
||||
background-color: $base_color;
|
||||
}
|
||||
|
||||
|
||||
@keyframes playbackmenuitem_spinner {
|
||||
to { -gtk-icon-transform: rotate(1turn); }
|
||||
}
|
||||
|
||||
.menu IdoPlaybackMenuItem.menuitem:active {
|
||||
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
|
||||
animation: playbackmenuitem_spinner 1s infinite linear;
|
||||
color: $selected_bg_color;
|
||||
}
|
||||
107
gtk-4.0/apps/_xfce.scss
Normal file
107
gtk-4.0/apps/_xfce.scss
Normal file
@@ -0,0 +1,107 @@
|
||||
// Xfce Panel
|
||||
.xfce4-panel.panel {
|
||||
background-color: $panel_bg_color;
|
||||
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
|
||||
button.flat { @extend %panelbutton; }
|
||||
}
|
||||
|
||||
#tasklist-button {
|
||||
color: transparentize($panel_fg_color, 0.2);
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-color: transparentize($panel_bg_color, 1);
|
||||
|
||||
&:hover {
|
||||
color: lighten($panel_fg_color, 10%);
|
||||
background-color: transparentize(black, 0.83);
|
||||
}
|
||||
|
||||
&:checked {
|
||||
color: white;
|
||||
background-color: transparentize(black, 0.75);
|
||||
box-shadow: inset 0 -2px $selected_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
%panelbutton {
|
||||
color: $panel_fg_color;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-color: transparentize($panel_bg_color, 1);
|
||||
|
||||
&:hover {
|
||||
border: none;
|
||||
background-color: lighten($panel_bg_color, 10%);
|
||||
}
|
||||
&:active, &:checked {
|
||||
color: $selected_fg_color;
|
||||
border-bottom: 2px solid $selected_bg_color;
|
||||
background-color: lighten($panel_bg_color, 5%);
|
||||
|
||||
label, image { color: inherit; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#whiskermenu-window button {
|
||||
background-color:transparent;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
font-weight: normal;
|
||||
padding: 2px;
|
||||
margin: 1px 0px;
|
||||
&:hover, &:checked {
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
/* thunar */
|
||||
.thunar toolbar {
|
||||
background-color: $headerbar_color;
|
||||
}
|
||||
|
||||
/* buttons in toolbar */
|
||||
.thunar toolbar.horizontal button image {
|
||||
-gtk-icon-transform:scale(0.72);
|
||||
}
|
||||
|
||||
scrolledwindow.sidebar treeview.view {
|
||||
background: darken($_sidebar_color, 2%);
|
||||
padding: 1.5px;
|
||||
}
|
||||
|
||||
/* path-bar of thunar */
|
||||
window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button, .thunar toolbar .path-bar-button {
|
||||
margin-top: 7px;
|
||||
margin-bottom: 7px;
|
||||
&:hover { color: $selected_bg_color; }
|
||||
&:checked { @include button(active-header); }
|
||||
}
|
||||
|
||||
window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button, .thunar toolbar .path-bar-button {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* thunar sidepane */
|
||||
window.thunar paned > scrolledwindow treeview.view {
|
||||
|
||||
&:hover {
|
||||
background: darken($_sidebar_color, 3%);
|
||||
}
|
||||
&:selected {
|
||||
@include button(active-header);
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
window.thunar toolbar#location-toolbar entry {
|
||||
border-radius: 10px;
|
||||
}
|
||||
Reference in New Issue
Block a user