Bright UI

[Piranha1605]

@cyberphox it is MMM-News

[Piranha1605]

@electros

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information how you can configurate this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var config = {
	address: "localhost", // Address to listen on, can be:
	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
	                      // - another specific IPv4/6 to listen on a specific interface
	                      // - "", "0.0.0.0", "::" to listen on any interface
	                      // Default, when address config is left out, is "localhost"
	port: 8080,
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
	                                                       // or add a specific IPv4 of 192.168.1.5 :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	language: "de",
	timeFormat: 24,
	units: "metric",
	// serverOnly:  true/false/"local" ,
			     // local for armv6l processors, default 
			     //   starts serveronly and then starts chrome browser
			     // false, default for all  NON-armv6l devices
			     // true, force serveronly mode, because you want to.. no UI on this device
	
	modules: [
		{
			module: "alert",
		},
		{
			module: "clock",
			position: "top_left"
		},
		{
			module: "currentweather",
			position: "top_left",
			config: {
				location: "New York",
				locationID: "2922511",  //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
				appid: "xxxxxxxxxxxxxxxxxxxxxxxxxxxx"
			}
		},
		{
			module: "weatherforecast",
			position: "top_left",
			config: {
				location: "New York",
				locationID: "2922511",  //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
				appid: "xxxxxxxxxxxxxxxxxxxxxxxxxxx"
			}
		},
		{
		module: 'MMM-CalendarExt2',
		config: {
			scenes:[
				{
					name: "DEFAULT",
					views: ["Overview Private"],
				},
			],
			views:[
				{
					name: "Overview Private",
					mode: "daily",
					type: "row",
					position: "bottom_bar",
					slotCount: 5,
					locale: "de",
					hideOverflow: false,
					filterPassedEvent: true,
					calendars: ["Google","Karate","Abfall","Arbeit","Feiertage"],
			},
		],
		calendars: [
			{
				name: "Google",
				icon: "mdi-calendar-check-outline",
				url: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
			},
			{
				name: "Karate",
				icon: "mdi-karate",
				url: "webcal://localhost:8080/config/Kalender/Karate.ics",
			},
			{
				name: "Abfall",
				icon: "mdi-trash-can-outline",
				url: "webcal://localhost:8080/config/Kalender/Abfall.ics",
			},
			{
				name: "Arbeit",
				icon: "mdi-forklift",
				url: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
			},
						{
				name: "Feiertage",
				icon: "mdi-grill-outline",
				url: "webcal://localhost:8080/config/Kalender/feiertage_niedersachsen_2020.ics",
			},
		],
	},
	},
				{
		  module: "MMM-News",
		  position: "top_right",
		  config: {
		    apiKey : "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
		    type: "vertical",
		    query : [
		      {
		        sources: "N-tv-de, tagesschau, bild",
		      },
		      {
		        country: "de",
		        className: "redTitle",
		      },
		    ],
		  }
		},
	]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

[electros]

@Piranha1605 OK, thanks but what is that module vertical from left side and where is the radio ?

[Piranha1605]

@electros
As already described above, it is a website in which the MagicMirror only runs as an iFrame; the radio and the menu are not in the MagicMirror.

[electros]

@Piranha1605 Ok, I understand now thanks.

[cyberphox]

Is that Tileboard or something similar you are running for the menu on the left?

[Piranha1605]

@cyberphox said in Bright UI:

Is that Tileboard or something similar you are running for the menu on the left?

No is a css menu that runs in a website

[cowboysdude]

WOW that looks fantasic!!!

[potts-mike]

I have this mostly working and absolutely love it on our TV. 2 questions though.

1. I am using MMM-PaprikaMenu to show our meal plan for the week and the font is the same color as the background. How can I fix that so it looks like the other?
2. Is there a way with CSS to make the album art from MMM-sonos larger?

[Piranha1605]

Please post me all three CSS, from the paprika menu, from Sonos and your custom.css, and I’ll get you ready