Browse Source

no message

Jonathan Starck 3 năm trước cách đây
mục cha
commit
a1d60237c5
4 tập tin đã thay đổi với 79 bổ sung12 xóa
  1. 5 0
      .vscode/extensions.json
  2. 9 3
      config/config.js
  3. 29 9
      css/custom.css
  4. 36 0
      css/custom.less

+ 5 - 0
.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "Wscats.eno"
+    ]
+}

+ 9 - 3
config/config.js

@@ -233,14 +233,20 @@ let config = {
 				tableClass: "large",
 				fetchInterval: 20000,
 				maxTitleLength: 50,
-				displaySymbol: false,
+				displaySymbol: true,
 				maximumNumberOfDays: 1,
 				calendars: [
 					{
 						url: 'https://p50-caldav.icloud.com/published/2/MjE4ODU4NTI1MjE4ODU4NXgB0aDPRyaNTbFBhbPi7AV3d-E-x-6DiosmdvqwmyCmtNNsJbvCuvFEzJYrPXBa3RaNhNYzh6Us9HDAo05Jtzs',
+						symbolClass: 'todo_symbol',
+						titleClass: 'todo_title',
+						timeClass: 'todo_time'
 					},
 					{
 						url: 'https://p50-caldav.icloud.com/published/2/MjE4ODU4NTI1MjE4ODU4NXgB0aDPRyaNTbFBhbPi7AWJtKPN0ejvkeXzb0P9qjrr7EBHSmXZB96RAxS_VI80urTPYzygRs7CiLxnpNTnBmI',
+						symbolClass: 'clean_symbol',
+						titleClass: 'clean_title',
+						timeClass: 'clean_time'
 					},
 				],
 			}
@@ -253,13 +259,13 @@ let config = {
 						name: "Aufgaben",
 						url: 'https://p50-caldav.icloud.com/published/2/MjE4ODU4NTI1MjE4ODU4NXgB0aDPRyaNTbFBhbPi7AV3d-E-x-6DiosmdvqwmyCmtNNsJbvCuvFEzJYrPXBa3RaNhNYzh6Us9HDAo05Jtzs',
 						icon: "bi:clipboard2-check",
-						className: "aufgaben",
+						className: "todo",
 					},
 					{
 						name: "Reinigung",
 						url: 'https://p50-caldav.icloud.com/published/2/MjE4ODU4NTI1MjE4ODU4NXgB0aDPRyaNTbFBhbPi7AWJtKPN0ejvkeXzb0P9qjrr7EBHSmXZB96RAxS_VI80urTPYzygRs7CiLxnpNTnBmI',
 						icon: "carbon:clean",
-						className: "reinigung",
+						className: "clean",
 					},
 				],
 

+ 29 - 9
css/custom.css

@@ -6,31 +6,51 @@
  *
  * MIT Licensed.
  */
-
 /* Uncomment and adjust accordingly if you want to import another font from the google-fonts-api: */
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;700&display=swap');
-
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiGyp8kv8JHgFVrLPTedw.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype');
+}
 :root {
   --color-text: #999;
   --color-text-dimmed: #666;
   --color-text-bright: #fff;
   --color-background: black;
-
   --font-primary: "Roboto Condensed";
   --font-secondary: "Roboto";
-  
   --font-size: 20px;
   --font-size-small: 0.75rem;
-
   --gap-body-top: 60px;
   --gap-body-right: 60px;
   --gap-body-bottom: 60px;
   --gap-body-left: 60px;
-  
   --gap-modules: 30px;
 }
-
 /* #module_2_MMM-ImageSlideshow img {
   width: 50%;
   height: auto;
-} */
+} */

+ 36 - 0
css/custom.less

@@ -0,0 +1,36 @@
+/* Magic Mirror Custom CSS Sample
+ *
+ * Change color and fonts here.
+ *
+ * Beware that properties cannot be unitless, so for example write '--gap-body: 0px;' instead of just '--gap-body: 0;'
+ *
+ * MIT Licensed.
+ */
+
+/* Uncomment and adjust accordingly if you want to import another font from the google-fonts-api: */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;700&display=swap');
+
+:root {
+  --color-text: #999;
+  --color-text-dimmed: #666;
+  --color-text-bright: #fff;
+  --color-background: black;
+
+  --font-primary: "Roboto Condensed";
+  --font-secondary: "Roboto";
+  
+  --font-size: 20px;
+  --font-size-small: 0.75rem;
+
+  --gap-body-top: 60px;
+  --gap-body-right: 60px;
+  --gap-body-bottom: 60px;
+  --gap-body-left: 60px;
+  
+  --gap-modules: 30px;
+}
+
+/* #module_2_MMM-ImageSlideshow img {
+  width: 50%;
+  height: auto;
+} */