feat(ui): LESS Integration

Added less integration + light mode

knockoutwhistweb/app/assets/stylesheets/main.less

@@ -1,5 +1,7 @@
+@import "light-mode.less";
 body {
-    background-image: url("/assets/images/background.png");
+    background-image: @background-image;
+    background-size: 100vw 100vh;
 }
 
 html, body {
@@ -15,7 +17,7 @@ html, body {
 }
 
 #sessions a, h1, p {
-    color: white;
+    color: @color;
     font-size: 40px;
     font-family: Arial;
 }
@@ -81,10 +83,10 @@ html, body {
     flex-direction: column;
     align-items: center;
     height: 0%;
-}
+    p {
-#nextPlayers p {
+        margin-top: 0px;
-    margin-top: 0px;
+        margin-bottom: 0px;
-    margin-bottom: 0px;
+    }
 }
 #invisible {
     visibility: hidden;

knockoutwhistweb/app/components/WebApplicationConfiguration.scala

@@ -1,7 +1,7 @@
 package components
 
-import de.knockoutwhist.components.DefaultConfiguration
 import controllers.WebUI
+import de.knockoutwhist.components.DefaultConfiguration
 import de.knockoutwhist.ui.UI
 import de.knockoutwhist.utils.events.EventListener
 

knockoutwhistweb/app/controllers/HomeController.scala

@@ -1,14 +1,14 @@
 package controllers
 
-import controllers.sessions.AdvancedSession
 import com.google.inject.{Guice, Injector}
+import controllers.sessions.AdvancedSession
 import de.knockoutwhist.KnockOutWhist
 import de.knockoutwhist.components.Configuration
 import de.knockoutwhist.control.GameState.{InGame, Lobby, SelectTrump, TieBreak}
 import de.knockoutwhist.control.controllerBaseImpl.BaseGameLogic
 import di.KnockOutWebConfigurationModule
-import play.api.{controllers, *}
 import play.api.mvc.*
+import play.api.*
 import play.twirl.api.Html
 
 import java.util.UUID

knockoutwhistweb/app/util/WebUIUtils.scala

@@ -1,7 +1,7 @@
 package util
 
 import de.knockoutwhist.cards.Card
-import de.knockoutwhist.cards.CardValue.{Ace, Eight, Five, Four, Jack, King, Nine, Queen, Seven, Six, Ten, Three, Two}
+import de.knockoutwhist.cards.CardValue.*
 import de.knockoutwhist.cards.Suit.{Clubs, Diamonds, Hearts, Spades}
 import play.twirl.api.Html
 import scalafx.scene.image.Image

knockoutwhistweb/test/controllers/HomeControllerSpec.scala

@@ -1,9 +1,9 @@
 package controllers
 
-import org.scalatestplus.play._
+import org.scalatestplus.play.*
-import org.scalatestplus.play.guice._
+import org.scalatestplus.play.guice.*
-import play.api.test._
+import play.api.test.*
-import play.api.test.Helpers._
+import play.api.test.Helpers.*
 
 /**
  * Add your spec here.

project/plugins.sbt

@@ -4,3 +4,5 @@ addSbtPlugin("org.foundweekends.giter8" % "sbt-giter8-scaffold" % "0.18.0")
 addSbtPlugin("org.scoverage" % "sbt-scoverage" % "2.2.1")
 addSbtPlugin("com.eed3si9n" % "sbt-assembly" % "2.3.0")
 addSbtPlugin("org.scoverage" % "sbt-coveralls" % "1.3.1")
+
+addSbtPlugin("com.typesafe.sbt" % "sbt-less" % "1.1.2")