jarvis v3.0.0 - just another remarkable vis

MCU

@dominik-f Tja, dann machen wir das erstmal mit Deinen. Da muss zefau dann nochmal ran.

Dominik F.

Dank dir. Also das macht den Hintergrund der Überschrift, wo Name etc steht transparent

.body--dark .sticky-table-header thead tr th {
	background: rgba(0,0,0,0.45) !important;
}

Das macht die Zeilen, die durch .jarvis-JsonTable nicht transparent werden, dann transparent.

.body--dark tr:nth-child(2n) {
	background: rgba(0,0,0,0.45) !important;
}

Dominik F.

@mcu

Hast du vielleicht eine Alternative in deinen Datenpunkten für die Schriftfarbe vom Widget Header?

https://forum.iobroker.net/topic/49776/jarvis-v3-0-0-just-another-remarkable-vis/1810?_=1643806772027

MCU

@dominik-f Mal was anderes. Prüf mal den AccentColor Wert. Dürfte falsch sein?

Dominik F.

@mcu

Das steht drin:

"\"\\\"\\\\\\\"#9c27b0\\\\\\\"\\\"\""

MCU

@dominik-f Ja genau, da musst du leider mal ins Array gehen und dort nach den Accentcolor suchen und dort diese anpassen auf normal "#9c27b0", bei allen Configs.
STRG+F: 0_userdata.0.jarvis.system.cssThemes.colorAccent

Mit der v1.0.6 dann einmal ein Config laden.
@sigi234 Du musst das leider auch machen. Und dann die v1.0.6 holen.

Dominik F.

@mcu

du meinst ins ThemeArray oder?

Hab ich gemacht, auch die bestehenden bei day, night etc

MCU

@dominik-f Ja genau. Dann erst die v106 holen und dann eine Config laden. Dann sollte in colorAccent eine normale Color drin stehen.

Dominik F.

@mcu

sollte nun passen

MCU

@dominik-f Deine Selektoren werden erkannt? 35-37

Dominik F.

@mcu

funktioniert

MCU

@dominik-f ? Was verändert sich nicht?

Dominik F.

@mcu

es funktioniert doch

Dann möchte ich meinen ersten Versuch für ein Theme gerne mit dir teilen:

{
  "configName": "Transparent Pink",
  "0_userdata.0.jarvis.system.cssThemes.01_jarvisPageContainerBG": {
    "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
  },
  "0_userdata.0.jarvis.system.cssThemes.02_bodyDarkjarvisHeaderBG": {
    "background": "rgba(0,0,0,0.15) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.03_jarvisTabsContainerBG": {
    "background": "rgba(0,0,0,0.15) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.04_jarvisWidgetContainerBG": {
    "background": "rgba(0,0,0,0.15) !important",
    "border": "3px solid transparent"
  },
  "0_userdata.0.jarvis.system.cssThemes.05_bodyDarkJarvisWidgetBG": {
    "background": "rgba(0,0,0,0.15)"
  },
  "0_userdata.0.jarvis.system.cssThemes.06_bodyLightJarvisWidgetBG": {
    "background": "rgba(255,255,255,1)"
  },
  "0_userdata.0.jarvis.system.cssThemes.07_bodyDarkJarvisTabsContainerBG": {
    "background": "rgba(0,0,0,0.15) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.08_qTableContainerBG": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.09_qHeaderBorderedBG": {
    "border": "1px solid transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.10_jarvisWidgetIconBG": {
    "background": "rgba(0,0,0,0.45)"
  },
  "0_userdata.0.jarvis.system.cssThemes.11_bodyDarkJarvisWidgetHeaderTexth6": {},
  "0_userdata.0.jarvis.system.cssThemes.12_jarvisHeader": {
    "background": "rgba(0,0,0,0.15) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.13_jarvisSidebar": {
    "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
  },
  "0_userdata.0.jarvis.system.cssThemes.14_jarvisSidebarItemPage": {},
  "0_userdata.0.jarvis.system.cssThemes.15_jarvisSidebarItemPageSelected": {},
  "0_userdata.0.jarvis.system.cssThemes.16_jarvisStateListItemPopup": {},
  "0_userdata.0.jarvis.system.cssThemes.17_jarvisWidgetHeader": {
    "background-color": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.18_jarvisTabs": {},
  "0_userdata.0.jarvis.system.cssThemes.19_qItemDark": {
    "background-color": "transparent"
  },
  "0_userdata.0.jarvis.system.cssThemes.20_jarvisWidgetModuleStateList": {
    "background-color": "transparent"
  },
  "0_userdata.0.jarvis.system.cssThemes.21_jarvisStateListItemBody": {
    "color": "LightGray"
  },
  "0_userdata.0.jarvis.system.cssThemes.22_jarvisJsonTable": {
    "background-color": "transparent !important",
    "color": "LightGray"
  },
  "0_userdata.0.jarvis.system.cssThemes.23_rowItemsCenterqCardSectionVert": {
    "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
  },
  "0_userdata.0.jarvis.system.cssThemes.24_qCardActioinsHorizRowJustifyEnd": {
    "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
  },
  "0_userdata.0.jarvis.system.cssThemes.25_jarvisPageContainerScroll": {},
  "0_userdata.0.jarvis.system.cssThemes.26_jarvisPageContainerTextArea": {},
  "0_userdata.0.jarvis.system.cssThemes.27_qSliderThumb": {},
  "0_userdata.0.jarvis.system.cssThemes.28_notificationDrawerButton": {
    "display": "none !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.29_jarvisDateTimeClock": {},
  "0_userdata.0.jarvis.system.cssThemes.30_qToggleThumb": {},
  "0_userdata.0.jarvis.system.cssThemes.31_jarvisSidebarItem": {},
  "0_userdata.0.jarvis.system.cssThemes.32_jarvisPage": {},
  "0_userdata.0.jarvis.system.cssThemes.33_jarvisIconPath": {},
  "0_userdata.0.jarvis.system.cssThemes.34_qSliderqSliderTrack": {},
  "0_userdata.0.jarvis.system.cssThemes.35_qItemSectionqItemLabelTextH6": {
    "color": "LightGray"
  },
  "0_userdata.0.jarvis.system.cssThemes.36_bodyDarkStickyTableHeaderTheadTrTh": {
    "background": "rgba(0,0,0,0.45) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.37_bodyDarkTrNthChild2n": {
    "background": "rgba(0,0,0,0.45) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.50_mediaColorCover": {
    "background-color": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.51_mediaControls": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.52_mediaTrackInformation": {
    "background": "rgba(25, 118, 210, 0) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.53_mediaTrackDuration": {
    "background": "white"
  },
  "0_userdata.0.jarvis.system.cssThemes.54_mediaTrackProgress": {
    "background": "blue"
  },
  "0_userdata.0.jarvis.system.cssThemes.55_mediaControlsJarvisIconSvg": {
    "color": "white"
  },
  "0_userdata.0.jarvis.system.cssThemes.56_mediaControlsControlsLeftQbtnwrapper": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.57_mediaControlsQbtngroupQbtnitem": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.colorPrimary": "#1976d2",
  "0_userdata.0.jarvis.system.cssThemes.colorSecondary": "#26a69a",
  "0_userdata.0.jarvis.system.cssThemes.colorAccent": "#9c27b0",
  "0_userdata.0.jarvis.system.cssThemes.darkMode": true
}

MCU

@dominik-f

Wird es korrekt dargestellt?

Dominik F.

@mcu

Ja, genauso soll es aussehen

Dominik F.

@mcu

Hab bei dir Icons gesehen, die noch die falsche Farbe hatten. Jetzt ist es richtig:

{
  "configName": "Transparent Pink",
  "0_userdata.0.jarvis.system.cssThemes.01_jarvisPageContainerBG": {
    "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
  },
  "0_userdata.0.jarvis.system.cssThemes.02_bodyDarkjarvisHeaderBG": {
    "background": "rgba(0,0,0,0.15) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.03_jarvisTabsContainerBG": {
    "background": "rgba(0,0,0,0.15) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.04_jarvisWidgetContainerBG": {
    "background": "rgba(0,0,0,0.15) !important",
    "border": "3px solid transparent"
  },
  "0_userdata.0.jarvis.system.cssThemes.05_bodyDarkJarvisWidgetBG": {
    "background": "rgba(0,0,0,0.15)"
  },
  "0_userdata.0.jarvis.system.cssThemes.06_bodyLightJarvisWidgetBG": {
    "background": "rgba(255,255,255,1)"
  },
  "0_userdata.0.jarvis.system.cssThemes.07_bodyDarkJarvisTabsContainerBG": {
    "background": "rgba(0,0,0,0.15) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.08_qTableContainerBG": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.09_qHeaderBorderedBG": {
    "border": "1px solid transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.10_jarvisWidgetIconBG": {
    "background": "transparent !important",
    "color": "LightGray"
  },
  "0_userdata.0.jarvis.system.cssThemes.11_bodyDarkJarvisWidgetHeaderTexth6": {},
  "0_userdata.0.jarvis.system.cssThemes.12_jarvisHeader": {
    "background": "rgba(0,0,0,0.15) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.13_jarvisSidebar": {
    "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
  },
  "0_userdata.0.jarvis.system.cssThemes.14_jarvisSidebarItemPage": {},
  "0_userdata.0.jarvis.system.cssThemes.15_jarvisSidebarItemPageSelected": {},
  "0_userdata.0.jarvis.system.cssThemes.16_jarvisStateListItemPopup": {},
  "0_userdata.0.jarvis.system.cssThemes.17_jarvisWidgetHeader": {
    "background-color": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.18_jarvisTabs": {},
  "0_userdata.0.jarvis.system.cssThemes.19_qItemDark": {
    "background-color": "transparent"
  },
  "0_userdata.0.jarvis.system.cssThemes.20_jarvisWidgetModuleStateList": {
    "background-color": "transparent"
  },
  "0_userdata.0.jarvis.system.cssThemes.21_jarvisStateListItemBody": {
    "color": "LightGray"
  },
  "0_userdata.0.jarvis.system.cssThemes.22_jarvisJsonTable": {
    "background-color": "transparent !important",
    "color": "LightGray"
  },
  "0_userdata.0.jarvis.system.cssThemes.23_rowItemsCenterqCardSectionVert": {
    "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
  },
  "0_userdata.0.jarvis.system.cssThemes.24_qCardActioinsHorizRowJustifyEnd": {
    "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
  },
  "0_userdata.0.jarvis.system.cssThemes.25_jarvisPageContainerScroll": {},
  "0_userdata.0.jarvis.system.cssThemes.26_jarvisPageContainerTextArea": {},
  "0_userdata.0.jarvis.system.cssThemes.27_qSliderThumb": {},
  "0_userdata.0.jarvis.system.cssThemes.28_notificationDrawerButton": {
    "display": "none !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.29_jarvisDateTimeClock": {},
  "0_userdata.0.jarvis.system.cssThemes.30_qToggleThumb": {},
  "0_userdata.0.jarvis.system.cssThemes.31_jarvisSidebarItem": {},
  "0_userdata.0.jarvis.system.cssThemes.32_jarvisPage": {},
  "0_userdata.0.jarvis.system.cssThemes.33_jarvisIconPath": {},
  "0_userdata.0.jarvis.system.cssThemes.34_qSliderqSliderTrack": {},
  "0_userdata.0.jarvis.system.cssThemes.35_qItemSectionqItemLabelTextH6": {
    "color": "LightGray"
  },
  "0_userdata.0.jarvis.system.cssThemes.36_bodyDarkStickyTableHeaderTheadTrTh": {
    "background": "rgba(0,0,0,0.45) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.37_bodyDarkTrNthChild2n": {
    "background": "rgba(0,0,0,0.45) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.50_mediaColorCover": {
    "background-color": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.51_mediaControls": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.52_mediaTrackInformation": {
    "background": "rgba(25, 118, 210, 0) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.53_mediaTrackDuration": {
    "background": "white"
  },
  "0_userdata.0.jarvis.system.cssThemes.54_mediaTrackProgress": {
    "background": "blue"
  },
  "0_userdata.0.jarvis.system.cssThemes.55_mediaControlsJarvisIconSvg": {
    "color": "white"
  },
  "0_userdata.0.jarvis.system.cssThemes.56_mediaControlsControlsLeftQbtnwrapper": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.57_mediaControlsQbtngroupQbtnitem": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.colorPrimary": "#1976d2",
  "0_userdata.0.jarvis.system.cssThemes.colorSecondary": "#26a69a",
  "0_userdata.0.jarvis.system.cssThemes.colorAccent": "#9c27b0",
  "0_userdata.0.jarvis.system.cssThemes.darkMode": true
}

MCU

@dominik-f Was soll sich ändern? Kann keinen Unterschied erkennen?

Meinst du LightGray?

Dominik F.

@mcu

Ja genau, das Icon im Widget Header ist nun Light Gray und der Hintergrund transparent.

Ich weiß, White und LightGray haben kaum einen Unterschied, ich empfinde das White nur irgendwie als zu "grell" bei so nem dunklen Hintergrund

sigi234

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

@sigi234 Du musst das leider auch machen. Und dann die v1.0.6 holen.

War bei mir auf normal "#9c27b0"

MCU

@sigi234 Auch im themeArray? Dann hast du noch keine Config aus dem Array geladen?
Gut dann nur v1.0.6 / v1.0.7 laden. v1.0.7 kommt bald. Möglichkeit config von anderen auch direkt mit dem vorhandenen Namen zu speichern.

NEWS

jarvis v3.0.0 - just another remarkable vis

Support us

1.4k
Online

30.9k
Users

77.9k
Topics

1.2m
Posts

NEWS

jarvis v3.0.0 - just another remarkable vis

Support us

1.4kOnline

30.9kUsers

77.9kTopics

1.2mPosts

1.4k
Online

30.9k
Users

77.9k
Topics

1.2m
Posts