Commit 6732eb2b authored by ju1464's avatar ju1464
Browse files

FxGTKOutl

parent 70e898f5
......@@ -631,7 +631,7 @@ to attach them to the start of each source file to most effectively
state the exclusion of warranty; and each file should have at least
the "copyright" line and a pointer to where the full notice is found.
Snowblind_Themes
Teja_Themes
Copyright (C) 2019 ju1464
This program is free software: you can redistribute it and/or modify
......@@ -652,7 +652,7 @@ Also add information on how to contact you by electronic and paper mail.
If the program does terminal interaction, make it output a short
notice like this when it starts in an interactive mode:
Snowblind_Themes Copyright (C) 2019 ju1464
Teja_Themes Copyright (C) 2019 ju1464
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
This is free software, and you are welcome to redistribute it
under certain conditions; type `show c' for details.
......
Arreglado borde botones gtk outline
......@@ -9,7 +9,7 @@
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-style: solid;
outline-width: 2px;
outline-width: 0px;
outline-color: transparent;
outline-offset: -4px;
-gtk-outline-radius: 0px;
......@@ -443,45 +443,58 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
/***********
* Buttons *
***********/
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#3a44e6), to(transparent));
}
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3a44e6), to(transparent));
}
}
button {
min-height: 24px;
min-width: 16px;
padding: 4px 8px;
border-radius: 20px;
border-radius: 9999px;
-gtk-outline-radius: 9999px;
font-weight: 500;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
background-color: #bbdcdc;
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
background-size: 1000% 1000%;
color: #1c242c;
}
button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
background-color: rgba(124, 180, 180, 0.5);
color: #1c242c;
}
button:active {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08);
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
background-size: 0% 0%;
color: #1c242c;
}
button:disabled {
box-shadow: none;
background-color: rgba(28, 36, 44, 0.04);
color: rgba(28, 36, 44, 0.5);
}
button:checked {
background-color: #79a3a6;
color: white;
}
button:checked:disabled {
background-color: rgba(28, 36, 44, 0.12);
color: rgba(28, 36, 44, 0.5);
......
......@@ -9,7 +9,7 @@
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-style: solid;
outline-width: 2px;
outline-width: 0px;
outline-color: transparent;
outline-offset: -4px;
-gtk-outline-radius: 0px;
......@@ -443,45 +443,58 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
/***********
* Buttons *
***********/
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#3a44e6), to(transparent));
}
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3a44e6), to(transparent));
}
}
button {
min-height: 24px;
min-width: 16px;
padding: 4px 8px;
border-radius: 20px;
border-radius: 9999px;
-gtk-outline-radius: 9999px;
font-weight: 500;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
background-color: #d2ecee;
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
background-size: 1000% 1000%;
color: #1c242c;
}
button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
background-color: rgba(124, 180, 180, 0.5);
color: #1c242c;
}
button:active {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08);
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
background-size: 0% 0%;
color: #1c242c;
}
button:disabled {
box-shadow: none;
background-color: rgba(28, 36, 44, 0.04);
color: rgba(28, 36, 44, 0.5);
}
button:checked {
background-color: #7cb4b4;
color: white;
}
button:checked:disabled {
background-color: rgba(28, 36, 44, 0.12);
color: rgba(28, 36, 44, 0.5);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment