📖 add footer links, 🎨 set default theme to light, fix some details with black theme.

src/app/core/components/footer/footer.component.html

@@ -1,9 +1,26 @@
 <footer class="footer">
 	<div class="content has-text-centered">
 		<p>
-			<strong>Bulma</strong> by <a href="https://jgthms.com">Jeremy Thomas</a>. The source code is licensed
-			<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content is licensed
-			<a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
+			Framadate - libérez vos sondages.
+			<i class="fa fa-copyleft"></i> Logiciel libre sous licence AGPL v3.
+			<a href="https://framagit.org/framasoft/framadate/funky-framadate-front">
+				<i class="fa fa-gitlab"></i> Sources</a
+			>
+			|
+			<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/wikis/home">
+				<i class="fa fa-book"></i>
+				Documentation
+			</a>
+			|
+			<a href="https://framateam.org/ux-framatrucs/channels/framadate">
+				<i class="fa fa-comment"></i>
+				canal de discussion Framateam
+			</a>
+			|
+			<a href="https://riot.im/app/#/room/#framadate:matrix.org">
+				<i class="fa fa-matrix-org"></i>
+				canal Matrix
+			</a>
 		</p>
 	</div>
 </footer>

src/app/features/administration/edit-description/edit-description.component.html

@@ -1,31 +1,38 @@
-<div>
+<div [ngClass]="{ 'is-success': pollForm.status == 'VALID' }" class="info form-status pull-right debug">
 	<p>Form Status: {{ pollForm.status }}</p>
 </div>
 <br />
 <form [formGroup]="pollForm" (ngSubmit)="onSubmit()">
-	<div class="field">
-		<label for="primeType">Sondage concerne des dates ?</label>
-		<p-inputSwitch id="primeType" formControlName="type"></p-inputSwitch>
+	<div class="control is-expanded">
+		<div class="field">
+			<label for="primeType">Sondage concerne des dates ?</label>
+			<p-inputSwitch id="primeType" formControlName="type"></p-inputSwitch>
+		</div>
 	</div>
 
 	<div class="control is-expanded">
 		<label class="label" for="title">
 			Intitulé
-			<input class="input" type="text" formControlName="title" placeholder="Intitulé" />
+			<input class="input" formControlName="title" id="title" placeholder="Intitulé" type="text" />
 		</label>
 	</div>
 
 	<div class="control is-expanded">
 		<label class="label" for="description">
 			Description
-			<textarea pInputTextarea formControlName="description" placeholder="Description"></textarea>
+			<textarea
+				formControlName="description"
+				id="description"
+				pInputTextarea
+				placeholder="Description"
+			></textarea>
 		</label>
 	</div>
 
 	<div class="control is-expanded">
 		<label class="label" for="slug">
 			Url personnalisée
-			<input class="input" type="text" formControlName="slug" placeholder="Url" />
+			<input class="input" formControlName="slug" id="slug" placeholder="Url" type="text" />
 		</label>
 	</div>
 

src/styles/partials/_forms.scss

@@ -1,5 +1,9 @@
 @charset "UTF-8";
 
+
+label{
+	line-height: 2.5em;
+}
 .ui-inputswitch{
 	margin-left: 1ch;
 	margin-right: 1ch;

src/styles/themes/_dark.scss

@@ -4,11 +4,21 @@ $theme-color-tertiary: #ccc;
 #big_container {
 	&.theme-dark-crystal {
 		background: #222;
-		color: #ddd;
+		color: $theme-color-tertiary;
 
-		main {
+		main, .big-header, .navbar , footer{
 			background: #444;
 		}
+		.big-header{
+			color: $white;
+			a{
+				color: $white;
+			}
+		}
+		input{
+			background: #222;
+			color: $white;
+		}
 
 		h1::after {
 			background-color: $theme-color-primary;
@@ -29,7 +39,7 @@ $theme-color-tertiary: #ccc;
 		}
 
 		select {
-			background: $white;
+			background: $theme-color-tertiary;
 			border-color: $theme-color-secondary;
 
 			&:hover {
@@ -50,12 +60,18 @@ $theme-color-tertiary: #ccc;
 		.big-header {
 			margin-bottom: 22px;
 		}
+		label{
+			color: $theme-color-tertiary;
+		}
 
 		// bulma override
 		.button.is-primary, .button.btn--primary, button.is-primary, button.btn--primary, .is-primary.btn, .btn.btn--primary, .is-primary.back, .back.btn--primary{
 			background-color: $theme-color-primary !important;
 			color: $theme-color-tertiary !important;
 		}
+		.navbar-dropdown a.navbar-item{
+			color: #444;
+		}
 		// material override
 		.navbar-dropdown a.navbar-item.is-active,
 		body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number,