diff --git a/packages/modules/web_themes/colors/source/src/assets/css/style.css b/packages/modules/web_themes/colors/source/src/assets/css/style.css
index 62083fef1c..2b13cd00b9 100644
--- a/packages/modules/web_themes/colors/source/src/assets/css/style.css
+++ b/packages/modules/web_themes/colors/source/src/assets/css/style.css
@@ -194,7 +194,7 @@ body>.container-fluid {
--font-medium: 1.2rem;
--font-small: 1rem;
--font-verysmall: 0.7rem;
- --font-extralarge: 1.6rem;
+ --font-extralarge: 1.7rem;
--font-settings: 16px;
}
diff --git a/packages/modules/web_themes/colors/source/src/components/batteryList/BLBattery.vue b/packages/modules/web_themes/colors/source/src/components/batteryList/BLBattery.vue
index 874a6c80d7..948b88ab1e 100755
--- a/packages/modules/web_themes/colors/source/src/components/batteryList/BLBattery.vue
+++ b/packages/modules/web_themes/colors/source/src/components/batteryList/BLBattery.vue
@@ -7,7 +7,7 @@ Hagen */
{{ bat.name }}
- {{ batteryState }}
+ {{ batteryState }}
diff --git a/packages/modules/web_themes/colors/source/src/components/batteryList/BatteryList.vue b/packages/modules/web_themes/colors/source/src/components/batteryList/BatteryList.vue
index 934b3b750c..2fcfc35ded 100755
--- a/packages/modules/web_themes/colors/source/src/components/batteryList/BatteryList.vue
+++ b/packages/modules/web_themes/colors/source/src/components/batteryList/BatteryList.vue
@@ -14,12 +14,12 @@ Hagen */
Speicher
-
+
{{ batteryState }}
-
+
diff --git a/packages/modules/web_themes/colors/source/src/components/chargePointList/ChargePointList.vue b/packages/modules/web_themes/colors/source/src/components/chargePointList/ChargePointList.vue
index 82eca722e4..f28f626e2c 100755
--- a/packages/modules/web_themes/colors/source/src/components/chargePointList/ChargePointList.vue
+++ b/packages/modules/web_themes/colors/source/src/components/chargePointList/ChargePointList.vue
@@ -27,7 +27,6 @@ import { computed, onMounted } from 'vue'
import { chargePoints } from './model'
import { globalConfig, widescreen } from '@/assets/js/themeConfig'
import CPChargePoint from './CPChargePoint.vue'
-// import CPSimpleList from './cpSimpleList/CPSimpleList.vue'
import Swiper from 'swiper'
import 'swiper/css'
import 'swiper/css/pagination'
diff --git a/packages/modules/web_themes/colors/source/src/components/chargePointList/cpSimpleList/CpsListItem2.vue b/packages/modules/web_themes/colors/source/src/components/chargePointList/cpSimpleList/CpsListItem2.vue
index 30e685cab0..f621f537b9 100755
--- a/packages/modules/web_themes/colors/source/src/components/chargePointList/cpSimpleList/CpsListItem2.vue
+++ b/packages/modules/web_themes/colors/source/src/components/chargePointList/cpSimpleList/CpsListItem2.vue
@@ -3,10 +3,7 @@
{{ chargepoint.name }}
-
+
{{ statusString }}
@@ -15,7 +12,7 @@
{{ chargePowerString }}
-
+
{{ chargePhasesString }}
@@ -304,7 +301,7 @@ const statusString = computed(() => {
color: var(--color-fg);
}
-.statusWbBadge {
+.statusbadge {
background-color: var(--color-bg);
font-weight: bold;
font-size: var(--font-verysmall);
diff --git a/packages/modules/web_themes/colors/source/src/components/shared/WbBadge.vue b/packages/modules/web_themes/colors/source/src/components/shared/WbBadge.vue
index 885e26af37..af6f003760 100644
--- a/packages/modules/web_themes/colors/source/src/components/shared/WbBadge.vue
+++ b/packages/modules/web_themes/colors/source/src/components/shared/WbBadge.vue
@@ -15,7 +15,7 @@ const props = defineProps<{
const WbBadgestyle = computed(() => {
let result = {
'background-color': props.bgcolor ?? 'var(--color-menu)',
- color: props.color ?? 'black',
+ color: props.color ?? 'var(--color-bg)',
}
return result
})
diff --git a/packages/modules/web_themes/colors/source/src/components/smartHome/SHListItem.vue b/packages/modules/web_themes/colors/source/src/components/smartHome/SHListItem.vue
index e2a08d3d69..c4fc1ce752 100755
--- a/packages/modules/web_themes/colors/source/src/components/smartHome/SHListItem.vue
+++ b/packages/modules/web_themes/colors/source/src/components/smartHome/SHListItem.vue
@@ -15,15 +15,16 @@
v-if="props.device.canSwitch"
:class="switchIcon"
:style="switchStyle"
- class="fa statusbutton mr-2 ms-4"
+ class="fa-solid statusbutton mr-2 ms-2"
@click="statusButtonClicked"
/>
- {{ deviceMode }}
+ {{ deviceMode }}
+
@@ -55,10 +56,10 @@ const props = defineProps<{
const switchIcon = computed(() => {
return props.device.status == 'on'
- ? 'fa-toggle-on'
+ ? 'fa-toggle-on fa-xl'
: props.device.status == 'waiting'
? 'fa-spinner fa-spin'
- : 'fa-toggle-off'
+ : 'fa-toggle-off fa-xl'
})
const switchStyle = computed(() => {
let swColor = 'var(--color-switchRed)'
@@ -110,22 +111,6 @@ const deviceMode = computed(() => {
diff --git a/packages/modules/web_themes/colors/source/src/views/ThemeSettings.vue b/packages/modules/web_themes/colors/source/src/views/ThemeSettings.vue
index c8591ef7e2..68463d27e5 100755
--- a/packages/modules/web_themes/colors/source/src/views/ThemeSettings.vue
+++ b/packages/modules/web_themes/colors/source/src/views/ThemeSettings.vue
@@ -245,7 +245,7 @@ const shortListOptions: [string, string][] = [