Merge branch 'master' of https://www.opencode.net/ju1464/Snowblind_Themes

LICENSE

@@ -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.

NM

+Arreglado borde botones gtk outline

Snowblind-Sunset/gtk-3.0/gtk.css

@@ -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);

Snowblind/gtk-3.0/gtk.css

@@ -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);