Release 0.5.1

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 © 2018 noelboss.com
 
+## Version 0.5.1
+
+* Added: Redesigned login screen
+* Fixed: Background color for repeaters
+
 
 ## Version 0.5.0
 

README.md

@@ -4,9 +4,10 @@
 ### Features
 
 * Four unique color options: blue, vibrant, black & pink
-* Beautiful typografy using Roboto Condensed
+* Beautiful redesigned login screen
+* Modern typografy using Roboto Condensed
 * Extended breadcrumb with edit links
-* Extends AdminThemeUikit, you can continue using all AdminThemeUikit features
+* Extends the default AdminThemeUikit so you can continue using all current (and future) AdminThemeUikit features
 * Option to activate theme for all users
 
 
@@ -18,20 +19,23 @@
 
 ![alt text](https://raw.githubusercontent.com/noelboss/AdminThemeBoss/master/docs/images/pw.png "Default ProcessWire Blue")
 
+![alt text](https://raw.githubusercontent.com/noelboss/AdminThemeBoss/master/docs/images/pw-login.png "Default ProcessWire Blue Login")
 
 ### Dark Black
 
 ![alt text](https://raw.githubusercontent.com/noelboss/AdminThemeBoss/master/docs/images/black-pt.png "Dark Black Page Tree")
 
 ![alt text](https://raw.githubusercontent.com/noelboss/AdminThemeBoss/master/docs/images/black.png "Dark Black")
 
-![alt text](https://raw.githubusercontent.com/noelboss/AdminThemeBoss/master/docs/images/login.png "Dark Black Login")
+![alt text](https://raw.githubusercontent.com/noelboss/AdminThemeBoss/master/docs/images/black-login.png "Dark Black Login")
 
 
 ### Vibrant Blue
 
 ![alt text](https://raw.githubusercontent.com/noelboss/AdminThemeBoss/master/docs/images/vibrant.png "Vibrant Blue")
 
+![alt text](https://raw.githubusercontent.com/noelboss/AdminThemeBoss/master/docs/images/vibrant-login.png "Vibrant Blue Login")
+
 
 ### Happy Pink
 
@@ -66,7 +70,8 @@ Requires AdminThemeUikit installed and activated.
 
 ## Change Log
 
-See [CHANGELOG.md](CHANGELOG.md) file for full change log.
+See [CHANGELOG.md](https://github.com/noelboss/AdminThemeBoss/blob/master/CHANGELOG.md) file for full change log.
+
 
 ## Modify yourself
 
@@ -93,6 +98,6 @@ If you wan't to add your own theme, modify “AdminThemeBoss/uikit/themes.json
 
 ## License: MIT
 
-See included [LICENSE](LICENSE) file for full license text.
+See included [LICENSE](https://github.com/noelboss/AdminThemeBoss/blob/master/LICENSE) file for full license text.
 
 © [noelboss.com](https://www.noelboss.com) | [ProcessWire Modules](https://modules.processwire.com/authors/noelboss/)

uikit/custom/black.less

@@ -12,3 +12,4 @@
 // AdminThemeBoss Custom Styles
 @import "fonts/fonts.less";
 @import "theme/main.less";
+@import "theme/black-login.less";

uikit/custom/theme/black-login.less

@@ -0,0 +1,66 @@
+.pw {
+
+	/* login page form */
+	body.ProcessLogin {
+
+		background: #222;
+
+		box-shadow: inset 0px 0px 127px 0px rgba(0, 0, 5, 0.5),
+		0 0px 1px 0px rgba(0, 0, 0, 0.95),
+		0 10px 50px -30px @theme-primary-color-rgba;
+
+		#pw-masthead-mobile .pw-logo {
+			filter: invert(100%);
+		}
+		#main {
+			input {
+				border-radius: 4px;
+				background-color: rgba(40, 40, 40, 0.3);
+				color: #eee;
+				border-color: #000;
+				&:hover,
+				&:focus {
+					background-color: rgba(60, 60, 60, 0.4);
+					color: #fff;
+				}
+				&:focus {
+					border-color: #999;
+				}
+			}
+			label {
+				color: lighten(@theme-muted-text-color-alternate, 20%);
+			}
+			button {
+				background-color: lighten(@theme-muted-text-color-alternate, 30%);
+				color: #000;
+				&:hover {
+					color: lighten(@theme-muted-text-color-alternate, 30%);
+					background-color: #000;
+				}
+			}
+		}
+		#socialsLoginForm ul.Inputfields {
+
+			.ui-button {
+				&.ui-state-default {
+					background-color: #151515;
+					box-shadow: none;
+					color: lighten(@theme-muted-text-color-alternate, 20%);
+				}
+			}
+		}
+
+		#pw-content-body {
+			// password links
+			>div {
+				a {
+					color: lighten(@theme-muted-text-color-alternate, 15%);
+					&:hover {
+						color: #fff;
+						text-decoration: none;
+					}
+				}
+			}
+		}
+	}
+}