Introduce Serpensortia theme, enhance Hyprland scripts, and improve configuration modularity
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
* {
|
||||
-GtkHTML-cursor-color: #c0c0c0;
|
||||
-GtkIMHtml-cursor-color: #c0c0c0;
|
||||
-GtkTextView-error-underline-color: #dc143c;
|
||||
-W3C-focus-color: #1c7a44;
|
||||
outline-color: #124326;
|
||||
background-clip: padding-box;
|
||||
-gtk-secondary-caret-color: #1c7a44;
|
||||
}
|
||||
|
||||
.background {
|
||||
background-color: #080c08;
|
||||
color: #c0c0c0;
|
||||
}
|
||||
|
||||
:disabled {
|
||||
color: #424a42;
|
||||
}
|
||||
|
||||
window,
|
||||
.window-frame {
|
||||
background-color: #080c08;
|
||||
color: #c0c0c0;
|
||||
border-radius: 16px;
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
button {
|
||||
background-color: #424a42;
|
||||
color: #c0c0c0;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
padding: 2px 4px;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #0b110b;
|
||||
}
|
||||
|
||||
button:active,
|
||||
button:checked {
|
||||
background-color: #1c7a44;
|
||||
color: #080c08;
|
||||
}
|
||||
|
||||
button:disabled {
|
||||
background-color: #080c08;
|
||||
color: #424a42;
|
||||
border-color: #424a42;
|
||||
}
|
||||
|
||||
button.suggested-action {
|
||||
background-color: #1c7a44;
|
||||
color: #080c08;
|
||||
border-color: #1c7a44;
|
||||
}
|
||||
|
||||
button.destructive-action {
|
||||
background-color: #dc143c;
|
||||
color: #080c08;
|
||||
border-color: #dc143c;
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
check, radio {
|
||||
margin: 0 2px;
|
||||
min-height: 18px;
|
||||
min-width: 18px;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
background-color: #424a42;
|
||||
color: transparent;
|
||||
-gtk-icon-source: none;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
radio {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
check:checked {
|
||||
background-color: #424a42;
|
||||
border-color: #1c7a44;
|
||||
background-image:
|
||||
linear-gradient(45deg, transparent 45%, #1c7a44 45%, #1c7a44 55%, transparent 55%),
|
||||
linear-gradient(-45deg, transparent 45%, #1c7a44 45%, #1c7a44 55%, transparent 55%);
|
||||
background-size: 70% 70%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
radio:checked {
|
||||
background-color: #424a42;
|
||||
border-color: #1c7a44;
|
||||
background-image: radial-gradient(circle, #1c7a44 35%, transparent 40%);
|
||||
}
|
||||
|
||||
check:indeterminate {
|
||||
background-color: #424a42;
|
||||
border-color: #1c7a44;
|
||||
background-image: linear-gradient(to right, #1c7a44, #1c7a44);
|
||||
background-size: 60% 2px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
check:disabled,
|
||||
radio:disabled {
|
||||
background-color: #080c08;
|
||||
border-color: #424a42;
|
||||
color: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
entry {
|
||||
background-color: #131d13;
|
||||
color: #c0c0c0;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
padding: 1px 2px;
|
||||
caret-color: #1c7a44;
|
||||
}
|
||||
|
||||
entry:focus {
|
||||
border-color: #1c7a44;
|
||||
box-shadow: inset 0 0 0 1px #1c7a44;
|
||||
}
|
||||
|
||||
entry:disabled {
|
||||
background-color: #080c08;
|
||||
color: #424a42;
|
||||
border-color: #424a42;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
@import url("base.css");
|
||||
@import url("headerbar.css");
|
||||
@import url("buttons.css");
|
||||
@import url("entries.css");
|
||||
@import url("menus.css");
|
||||
@import url("widgets.css");
|
||||
@import url("checks.css");
|
||||
@import url("scrollbars.css");
|
||||
@import url("notebook.css");
|
||||
@@ -0,0 +1,11 @@
|
||||
headerbar {
|
||||
background-color: #131d13;
|
||||
color: #c0c0c0;
|
||||
border-bottom: 1px solid #0b110b;
|
||||
box-shadow: none;
|
||||
padding: 1px 2px;
|
||||
}
|
||||
|
||||
headerbar .title {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
list,
|
||||
menu {
|
||||
background-color: #131d13;
|
||||
color: #c0c0c0;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
menubar {
|
||||
background-color: #131d13;
|
||||
color: #c0c0c0;
|
||||
border-bottom: 1px solid #0b110b;
|
||||
padding: 1px 2px;
|
||||
}
|
||||
|
||||
menubar > menuitem {
|
||||
padding: 2px 4px;
|
||||
min-height: 24px;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
menuitem {
|
||||
min-height: 24px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
menubar > menuitem:hover {
|
||||
background-color: #1c7a44;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
list row:selected,
|
||||
treeview.view:selected,
|
||||
.view:selected,
|
||||
iconview.view:selected,
|
||||
cell:selected,
|
||||
*:selected {
|
||||
background-color: #0e2d1a;
|
||||
color: #c0c0c0;
|
||||
border: 1px solid #1c7a44;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
menuitem:hover {
|
||||
background-color: #1c7a44;
|
||||
color: #080c08;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
menuitem:disabled {
|
||||
color: #424a42;
|
||||
background-color: transparent;
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
notebook {
|
||||
background-color: #080c08;
|
||||
border: 1px solid #0b110b;
|
||||
}
|
||||
|
||||
notebook header {
|
||||
background-color: #131d13;
|
||||
}
|
||||
|
||||
notebook tab {
|
||||
padding: 4px 8px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 8px 8px 0 0;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
notebook tab:hover {
|
||||
background-color: #424a42;
|
||||
}
|
||||
|
||||
notebook tab:checked {
|
||||
background-color: #080c08;
|
||||
border-color: #0b110b;
|
||||
border-bottom-color: transparent;
|
||||
border-bottom: 2px solid #1c7a44;
|
||||
box-shadow: inset 0 -2px 0 #1c7a44;
|
||||
}
|
||||
|
||||
notebook tab label {
|
||||
font-weight: bold;
|
||||
color: #c0c0c0;
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
scrollbar {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
scrollbar trough {
|
||||
background-color: #424a42;
|
||||
border: 1px solid #0b110b;
|
||||
}
|
||||
|
||||
scrollbar slider {
|
||||
background-color: #0b110b;
|
||||
border: 2px solid transparent;
|
||||
border-radius: 16px;
|
||||
min-width: 8px;
|
||||
min-height: 8px;
|
||||
}
|
||||
|
||||
scrollbar slider:hover {
|
||||
background-color: #1c7a44;
|
||||
}
|
||||
|
||||
scrollbar button {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
/* Selection */
|
||||
selection,
|
||||
row:selected,
|
||||
iconview:selected,
|
||||
treeview.view:selected,
|
||||
.view:selected,
|
||||
iconview.view:selected,
|
||||
cell:selected,
|
||||
*:selected {
|
||||
background-color: #0e2d1a;
|
||||
color: #c0c0c0;
|
||||
border: 1px solid #1c7a44;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* Sliders (Scales) */
|
||||
scale trough {
|
||||
background-color: #424a42;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
min-height: 4px;
|
||||
}
|
||||
|
||||
scale highlight {
|
||||
background-color: #1c7a44;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
scale slider {
|
||||
background-color: #131d13;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 50%;
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
margin: -6px 0;
|
||||
}
|
||||
|
||||
scale slider:hover {
|
||||
background-color: #1c7a44;
|
||||
border-color: #1c7a44;
|
||||
}
|
||||
|
||||
/* Switches */
|
||||
switch {
|
||||
background-color: #424a42;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
switch:checked {
|
||||
background-color: #1c7a44;
|
||||
border-color: #1c7a44;
|
||||
}
|
||||
|
||||
switch slider {
|
||||
background-color: #c0c0c0;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 50%;
|
||||
margin: 1px;
|
||||
min-width: 18px;
|
||||
min-height: 18px;
|
||||
}
|
||||
|
||||
scale:disabled trough,
|
||||
scale:disabled highlight,
|
||||
scale:disabled slider,
|
||||
switch:disabled {
|
||||
background-color: #080c08;
|
||||
border-color: #424a42;
|
||||
color: #424a42;
|
||||
}
|
||||
|
||||
switch:disabled slider {
|
||||
background-color: #424a42;
|
||||
border-color: #424a42;
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
* {
|
||||
-GtkHTML-cursor-color: #c0c0c0;
|
||||
-GtkIMHtml-cursor-color: #c0c0c0;
|
||||
-GtkTextView-error-underline-color: #dc143c;
|
||||
-W3C-focus-color: #1c7a44;
|
||||
outline-color: #124326;
|
||||
background-clip: padding-box;
|
||||
-gtk-secondary-caret-color: #1c7a44;
|
||||
}
|
||||
|
||||
.background {
|
||||
background-color: #080c08;
|
||||
color: #c0c0c0;
|
||||
}
|
||||
|
||||
:disabled {
|
||||
color: #424a42;
|
||||
}
|
||||
|
||||
window,
|
||||
.window-frame {
|
||||
background-color: #080c08;
|
||||
color: #c0c0c0;
|
||||
border-radius: 16px;
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
button {
|
||||
background-color: #424a42;
|
||||
color: #c0c0c0;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
padding: 2px 4px;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #0b110b;
|
||||
}
|
||||
|
||||
button:active,
|
||||
button:checked {
|
||||
background-color: #1c7a44;
|
||||
color: #080c08;
|
||||
}
|
||||
|
||||
button:disabled {
|
||||
background-color: #080c08;
|
||||
color: #424a42;
|
||||
border-color: #424a42;
|
||||
}
|
||||
|
||||
button.suggested-action {
|
||||
background-color: #1c7a44;
|
||||
color: #080c08;
|
||||
border-color: #1c7a44;
|
||||
}
|
||||
|
||||
button.destructive-action {
|
||||
background-color: #dc143c;
|
||||
color: #080c08;
|
||||
border-color: #dc143c;
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
check, radio {
|
||||
margin: 0 2px;
|
||||
min-height: 18px;
|
||||
min-width: 18px;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
background-color: #424a42;
|
||||
color: transparent;
|
||||
-gtk-icon-source: none;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
radio {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
check:checked {
|
||||
background-color: #424a42;
|
||||
border-color: #1c7a44;
|
||||
background-image:
|
||||
linear-gradient(45deg, transparent 45%, #1c7a44 45%, #1c7a44 55%, transparent 55%),
|
||||
linear-gradient(-45deg, transparent 45%, #1c7a44 45%, #1c7a44 55%, transparent 55%);
|
||||
background-size: 70% 70%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
radio:checked {
|
||||
background-color: #424a42;
|
||||
border-color: #1c7a44;
|
||||
background-image: radial-gradient(circle, #1c7a44 35%, transparent 40%);
|
||||
}
|
||||
|
||||
check:indeterminate {
|
||||
background-color: #424a42;
|
||||
border-color: #1c7a44;
|
||||
background-image: linear-gradient(to right, #1c7a44, #1c7a44);
|
||||
background-size: 60% 2px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
check:disabled,
|
||||
radio:disabled {
|
||||
background-color: #080c08;
|
||||
border-color: #424a42;
|
||||
color: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
entry {
|
||||
background-color: #131d13;
|
||||
color: #c0c0c0;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
padding: 1px 2px;
|
||||
caret-color: #1c7a44;
|
||||
}
|
||||
|
||||
entry:focus {
|
||||
border-color: #1c7a44;
|
||||
box-shadow: inset 0 0 0 1px #1c7a44;
|
||||
}
|
||||
|
||||
entry:disabled {
|
||||
background-color: #080c08;
|
||||
color: #424a42;
|
||||
border-color: #424a42;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
@import url("base.css");
|
||||
@import url("headerbar.css");
|
||||
@import url("buttons.css");
|
||||
@import url("entries.css");
|
||||
@import url("menus.css");
|
||||
@import url("widgets.css");
|
||||
@import url("checks.css");
|
||||
@import url("scrollbars.css");
|
||||
@import url("notebook.css");
|
||||
@@ -0,0 +1,11 @@
|
||||
headerbar {
|
||||
background-color: #131d13;
|
||||
color: #c0c0c0;
|
||||
border-bottom: 1px solid #0b110b;
|
||||
box-shadow: none;
|
||||
padding: 1px 2px;
|
||||
}
|
||||
|
||||
headerbar .title {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
list,
|
||||
menu {
|
||||
background-color: #131d13;
|
||||
color: #c0c0c0;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
menubar {
|
||||
background-color: #131d13;
|
||||
color: #c0c0c0;
|
||||
border-bottom: 1px solid #0b110b;
|
||||
padding: 1px 2px;
|
||||
}
|
||||
|
||||
menubar > menuitem {
|
||||
padding: 2px 4px;
|
||||
min-height: 24px;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
menuitem {
|
||||
min-height: 24px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
menubar > menuitem:hover {
|
||||
background-color: #1c7a44;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
list row:selected,
|
||||
treeview.view:selected,
|
||||
.view:selected,
|
||||
iconview.view:selected,
|
||||
cell:selected,
|
||||
*:selected {
|
||||
background-color: #0e2d1a;
|
||||
color: #c0c0c0;
|
||||
border: 1px solid #1c7a44;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
menuitem:hover {
|
||||
background-color: #1c7a44;
|
||||
color: #080c08;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
menuitem:disabled {
|
||||
color: #424a42;
|
||||
background-color: transparent;
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
notebook {
|
||||
background-color: #080c08;
|
||||
border: 1px solid #0b110b;
|
||||
}
|
||||
|
||||
notebook header {
|
||||
background-color: #131d13;
|
||||
}
|
||||
|
||||
notebook tab {
|
||||
padding: 4px 8px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 8px 8px 0 0;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
notebook tab:hover {
|
||||
background-color: #424a42;
|
||||
}
|
||||
|
||||
notebook tab:checked {
|
||||
background-color: #080c08;
|
||||
border-color: #0b110b;
|
||||
border-bottom-color: transparent;
|
||||
border-bottom: 2px solid #1c7a44;
|
||||
box-shadow: inset 0 -2px 0 #1c7a44;
|
||||
}
|
||||
|
||||
notebook tab label {
|
||||
font-weight: bold;
|
||||
color: #c0c0c0;
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
scrollbar {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
scrollbar trough {
|
||||
background-color: #424a42;
|
||||
border: 1px solid #0b110b;
|
||||
}
|
||||
|
||||
scrollbar slider {
|
||||
background-color: #0b110b;
|
||||
border: 2px solid transparent;
|
||||
border-radius: 16px;
|
||||
min-width: 8px;
|
||||
min-height: 8px;
|
||||
}
|
||||
|
||||
scrollbar slider:hover {
|
||||
background-color: #1c7a44;
|
||||
}
|
||||
|
||||
scrollbar button {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
/* Selection */
|
||||
selection,
|
||||
row:selected,
|
||||
iconview:selected,
|
||||
treeview.view:selected,
|
||||
.view:selected,
|
||||
iconview.view:selected,
|
||||
cell:selected,
|
||||
*:selected {
|
||||
background-color: #0e2d1a;
|
||||
color: #c0c0c0;
|
||||
border: 1px solid #1c7a44;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* Sliders (Scales) */
|
||||
scale trough {
|
||||
background-color: #424a42;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
min-height: 4px;
|
||||
}
|
||||
|
||||
scale highlight {
|
||||
background-color: #1c7a44;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
scale slider {
|
||||
background-color: #131d13;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 50%;
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
margin: -6px 0;
|
||||
}
|
||||
|
||||
scale slider:hover {
|
||||
background-color: #1c7a44;
|
||||
border-color: #1c7a44;
|
||||
}
|
||||
|
||||
/* Switches */
|
||||
switch {
|
||||
background-color: #424a42;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 8px;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
switch:checked {
|
||||
background-color: #1c7a44;
|
||||
border-color: #1c7a44;
|
||||
}
|
||||
|
||||
switch slider {
|
||||
background-color: #c0c0c0;
|
||||
border: 1px solid #0b110b;
|
||||
border-radius: 50%;
|
||||
margin: 1px;
|
||||
min-width: 18px;
|
||||
min-height: 18px;
|
||||
}
|
||||
|
||||
scale:disabled trough,
|
||||
scale:disabled highlight,
|
||||
scale:disabled slider,
|
||||
switch:disabled {
|
||||
background-color: #080c08;
|
||||
border-color: #424a42;
|
||||
color: #424a42;
|
||||
}
|
||||
|
||||
switch:disabled slider {
|
||||
background-color: #424a42;
|
||||
border-color: #424a42;
|
||||
}
|
||||
Binary file not shown.
Reference in New Issue
Block a user