From 618a03aa080b1fc8b243aa35073ca1577467d921 Mon Sep 17 00:00:00 2001 From: Sudo Dios Date: Sun, 27 Aug 2023 18:11:03 +0330 Subject: [PATCH] Added Light Theme --- README.md | 2 +- src/main/kotlin/Plaudio.kt | 23 +++++++- .../kotlin/components/MuteAnimationIcon.kt | 4 +- .../kotlin/components/menu/CustomPopup.kt | 2 - .../kotlin/components/menu/HomeAppbarPopup.kt | 8 ++- src/main/kotlin/routing/ScreenHome.kt | 33 +++++------- .../kotlin/routing/dialogs/AudioInfoDialog.kt | 1 - .../kotlin/routing/dialogs/EditTagsDialog.kt | 3 -- .../routing/dialogs/PlayerBottomSheet.kt | 2 +- src/main/kotlin/routing/sections/Appbar.kt | 5 +- src/main/kotlin/theme/ColorBox.kt | 53 +++++++++++++++++-- src/main/kotlin/utils/Prefs.kt | 8 +++ src/main/resources/icons/moon.svg | 5 ++ src/main/resources/icons/sun.svg | 11 ++++ 14 files changed, 120 insertions(+), 40 deletions(-) create mode 100644 src/main/resources/icons/moon.svg create mode 100644 src/main/resources/icons/sun.svg diff --git a/README.md b/README.md index eb12ad7..7b239f4 100644 --- a/README.md +++ b/README.md @@ -58,7 +58,7 @@ - [ ] More tag fields edit - [ ] Make resizable window - [ ] Playlist feature -- [ ] Light Theme +- [x] Light Theme ### Libraries diff --git a/src/main/kotlin/Plaudio.kt b/src/main/kotlin/Plaudio.kt index 35ced77..0cd4aae 100644 --- a/src/main/kotlin/Plaudio.kt +++ b/src/main/kotlin/Plaudio.kt @@ -1,6 +1,9 @@ import androidx.compose.material.MaterialTheme import androidx.compose.runtime.Composable +import androidx.compose.runtime.mutableStateOf +import androidx.compose.runtime.snapshots.SnapshotStateList import androidx.compose.ui.ExperimentalComposeUiApi +import androidx.compose.ui.graphics.Color import androidx.compose.ui.input.key.Key import androidx.compose.ui.input.key.KeyEventType import androidx.compose.ui.input.key.key @@ -13,11 +16,14 @@ import androidx.compose.ui.window.WindowState import androidx.compose.ui.window.application import core.CorePlayer import core.db.CoreDB +import core.db.models.ModelAudio +import core.db.models.ModelFolder import routing.routingGraph import ru.alexgladkov.odyssey.compose.setup.OdysseyConfiguration import ru.alexgladkov.odyssey.compose.setup.setNavigationContent import theme.ColorBox import theme.Fonts +import utils.Prefs import utils.Tools import java.awt.Dimension import java.io.File @@ -27,6 +33,19 @@ object CenterState { var hasAnyTextFieldFocus = false + val audioList = ArrayList().apply { + addAll(CoreDB.Audios.read()) + } + val filteredAudioList = SnapshotStateList().apply { + addAll(audioList) + } + val folderList = SnapshotStateList().apply { + addAll(CoreDB.Folders.read()) + } + + /*states*/ + var currentFolder = mutableStateOf(ModelFolder(childCunt = audioList.size)) + } @Composable @@ -41,12 +60,12 @@ fun App() { MaterialTheme( typography = Fonts.typography, colors = MaterialTheme.colors.copy( - isLight = false, + isLight = !ColorBox.isDarkMode, surface = ColorBox.card, primary = ColorBox.primary ) ) { - setNavigationContent(OdysseyConfiguration(backgroundColor = ColorBox.primaryDark), onApplicationFinish = {}) { + setNavigationContent(OdysseyConfiguration(backgroundColor = if (Prefs.isDarkMode) Color.Black else Color.White), onApplicationFinish = {}) { routingGraph() } } diff --git a/src/main/kotlin/components/MuteAnimationIcon.kt b/src/main/kotlin/components/MuteAnimationIcon.kt index 640e61c..eb58e1a 100644 --- a/src/main/kotlin/components/MuteAnimationIcon.kt +++ b/src/main/kotlin/components/MuteAnimationIcon.kt @@ -6,6 +6,7 @@ import androidx.compose.foundation.Canvas import androidx.compose.runtime.Composable import androidx.compose.runtime.remember import androidx.compose.ui.Modifier +import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.drawscope.drawIntoCanvas import androidx.compose.ui.graphics.nativeCanvas import org.jetbrains.skia.Rect @@ -15,11 +16,12 @@ import org.jetbrains.skia.sksg.InvalidationController @Composable fun MuteAnimationIcon( modifier: Modifier, + color: Color = Color.Red, isMute : Boolean ) { val source = """ -{"nm":"MEDIA MUTE / UNMUTE","ddd":0,"h":512,"w":512,"meta":{"g":"@lottiefiles/toolkit-js 0.26.1"},"layers":[{"ty":4,"nm":"Line Small","sr":1,"st":0,"op":12,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[105.272,-4.983,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[105.272,-4.983,0],"t":0,"ti":[-4.5,-0.5,0],"to":[4.5,0.5,0]},{"s":[132.272,-1.983,0],"t":13}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-15.933,-11.882],[0,-17.553],[17.385,-13.182]],"o":[[17.789,13.266],[0,17.323],[-15.643,11.861]],"v":[[91.693,-52.966],[118.852,-4.73],[92.365,43.001]]}}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[100],"t":0},{"s":[53],"t":13}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[0],"t":0},{"s":[47],"t":13}]},"m":1},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[1,1,1]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1,"parent":4},{"ty":4,"nm":"Line Big","sr":1,"st":0,"op":12,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[131.883,-5.898,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[131.883,-5.898,0],"t":0,"ti":[0,0,0],"to":[0,0,0]},{"s":[100.883,0.102,0],"t":13}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-0.471,-0.164],[-15.933,-19.728],[0,-29.144],[17.385,-21.886],[25.381,-9.147]],"o":[[25.715,8.926],[17.789,22.026],[0,28.763],[-15.643,19.694],[-0.457,0.165]],"v":[[86.037,-128.22],[149.57,-84.036],[177.729,-5.608],[150.242,71.983],[87.678,116.424]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[1,1,1]}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[100],"t":0},{"s":[51.5],"t":13}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[0],"t":0},{"s":[48.5],"t":13}]},"m":1},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2,"parent":4},{"ty":4,"nm":"Cross","sr":1,"st":-1,"op":21,"ip":12,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[140.253,5.78,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[146.626,5.78,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.2,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[141.255,0.625],[139.252,10.936]]}],"t":12},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[186.424,-40.422],[94.083,51.983]]}],"t":21}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[1,1,1]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.2,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[139.252,0.625],[141.255,10.936]]}],"t":12},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[94.083,-40.422],[186.424,51.983]]}],"t":21}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[1,1,1]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":3,"parent":4},{"ty":4,"nm":"Speaker","sr":1,"st":0,"op":21,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-71.881,0.078,0]},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.7,"y":1},"s":[100,100,100],"t":0},{"o":{"x":0.3,"y":0},"i":{"x":0.3,"y":1},"s":[93,93,100],"t":12},{"s":[100,100,100],"t":21}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.2,"y":1},"s":[184.119,256.078,0],"t":0,"ti":[0,0,0],"to":[-1.062,0,0]},{"s":[177.746,256.078,0],"t":21}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[16.806,-17.492],[0,0],[6.343,0],[0,0],[0,-14.237],[0,0],[-22.972,0],[0,0],[-4.378,-4.611],[0,0],[0,37.153],[0,0]],"o":[[0,-37.153],[0,0],[-4.378,4.611],[0,0],[-22.972,0],[0,0],[0,14.237],[0,0],[6.343,0],[0,0],[16.806,17.492],[0,0],[0,0]],"v":[[33.271,-121.847],[-15.728,-144.085],[-80.954,-75.396],[-97.742,-68.176],[-144.423,-68.176],[-177.034,-39.797],[-177.034,39.953],[-144.423,68.333],[-97.742,68.333],[-80.954,75.552],[-15.728,144.241],[33.271,122.004],[33.271,2.96]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[1,1,1]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":4},{"ty":4,"nm":"Line Small 2","sr":1,"st":33,"op":179,"ip":31,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[105.272,-4.983,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[20.883,0.352,0],"t":31,"ti":[0,0,0],"to":[0,0,0]},{"s":[105.272,-4.983,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-15.933,-11.882],[0,-17.553],[17.385,-13.182]],"o":[[17.789,13.266],[0,17.323],[-15.643,11.861]],"v":[[91.693,-52.966],[118.852,-4.73],[92.365,43.001]]}}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[51.5],"t":31},{"s":[100],"t":43}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[48.5],"t":31},{"s":[0],"t":43}]},"m":1},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[1,1,1]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":5,"parent":8},{"ty":4,"nm":"Line Big 2","sr":1,"st":33,"op":179,"ip":31,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[131.883,-5.898,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[80.133,0.102,0],"t":31,"ti":[0,0,0],"to":[0,0,0]},{"s":[131.883,-5.898,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-0.471,-0.164],[-15.933,-19.728],[0,-29.144],[17.385,-21.886],[25.381,-9.147]],"o":[[25.715,8.926],[17.789,22.026],[0,28.763],[-15.643,19.694],[-0.457,0.165]],"v":[[86.037,-128.22],[149.57,-84.036],[177.729,-5.608],[150.242,71.983],[87.678,116.424]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[1,1,1]}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[60],"t":31},{"s":[100],"t":43}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[40],"t":31},{"s":[0],"t":43}]},"m":1},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":6,"parent":8},{"ty":4,"nm":"Cross 2","sr":1,"st":20,"op":31,"ip":21,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[140.253,5.78,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[146.626,5.78,0],"t":21,"ti":[3,0,0],"to":[-3,0,0]},{"s":[128.626,5.78,0],"t":32}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[186.424,-40.422],[94.083,51.983]]}],"t":21},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[141.255,0.625],[139.252,10.936]]}],"t":32}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[1,1,1]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[94.083,-40.422],[186.424,51.983]]}],"t":21},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[139.252,0.625],[141.255,10.936]]}],"t":32}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[1,1,1]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":7,"parent":8},{"ty":4,"nm":"Speaker 2","sr":1,"st":21,"op":184,"ip":21,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-71.881,0.078,0]},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.7,"y":1},"s":[100,100,100],"t":21},{"o":{"x":0.3,"y":0},"i":{"x":0.3,"y":1},"s":[93,93,100],"t":30},{"s":[100,100,100],"t":43}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.2,"y":1},"s":[177.746,256.078,0],"t":21,"ti":[-1.062,0,0],"to":[0,0,0]},{"s":[184.119,256.078,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[16.806,-17.492],[0,0],[6.343,0],[0,0],[0,-14.237],[0,0],[-22.972,0],[0,0],[-4.378,-4.611],[0,0],[0,37.153],[0,0]],"o":[[0,-37.153],[0,0],[-4.378,4.611],[0,0],[-22.972,0],[0,0],[0,14.237],[0,0],[6.343,0],[0,0],[16.806,17.492],[0,0],[0,0]],"v":[[33.271,-121.847],[-15.728,-144.085],[-80.954,-75.396],[-97.742,-68.176],[-144.423,-68.176],[-177.034,-39.797],[-177.034,39.953],[-144.423,68.333],[-97.742,68.333],[-80.954,75.552],[-15.728,144.241],[33.271,122.004],[33.271,2.96]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[1,1,1]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":8}],"v":"5.5.2","fr":60,"op":44,"ip":0,"assets":[{"nm":"","id":"comp_0","layers":[{"ty":4,"nm":"Line Small 4","sr":1,"st":0,"op":12,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[105.272,-4.983,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[105.272,-4.983,0],"t":0,"ti":[-4.5,-0.5,0],"to":[4.5,0.5,0]},{"s":[132.272,-1.983,0],"t":13}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-15.933,-11.882],[0,-17.553],[17.385,-13.182]],"o":[[17.789,13.266],[0,17.323],[-15.643,11.861]],"v":[[91.693,-52.966],[118.852,-4.73],[92.365,43.001]]}}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[100],"t":0},{"s":[53],"t":13}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[0],"t":0},{"s":[47],"t":13}]},"m":1},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1,"parent":4},{"ty":4,"nm":"Line Big 4","sr":1,"st":0,"op":12,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[131.883,-5.898,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[131.883,-5.898,0],"t":0,"ti":[0,0,0],"to":[0,0,0]},{"s":[100.883,0.102,0],"t":13}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-0.471,-0.164],[-15.933,-19.728],[0,-29.144],[17.385,-21.886],[25.381,-9.147]],"o":[[25.715,8.926],[17.789,22.026],[0,28.763],[-15.643,19.694],[-0.457,0.165]],"v":[[86.037,-128.22],[149.57,-84.036],[177.729,-5.608],[150.242,71.983],[87.678,116.424]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[100],"t":0},{"s":[51.5],"t":13}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[0],"t":0},{"s":[48.5],"t":13}]},"m":1},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2,"parent":4},{"ty":4,"nm":"Cross 4","sr":1,"st":-1,"op":21,"ip":12,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[140.253,5.78,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[146.626,5.78,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.2,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[141.255,0.625],[139.252,10.936]]}],"t":12},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[186.424,-40.422],[94.083,51.983]]}],"t":21}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.2,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[139.252,0.625],[141.255,10.936]]}],"t":12},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[94.083,-40.422],[186.424,51.983]]}],"t":21}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":3,"parent":4},{"ty":4,"nm":"Speaker 4","sr":1,"st":0,"op":21,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-71.881,0.078,0]},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.7,"y":1},"s":[100,100,100],"t":0},{"o":{"x":0.3,"y":0},"i":{"x":0.3,"y":1},"s":[93,93,100],"t":12},{"s":[100,100,100],"t":21}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.2,"y":1},"s":[184.119,256.078,0],"t":0,"ti":[0,0,0],"to":[-1.062,0,0]},{"s":[177.746,256.078,0],"t":21}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[16.806,-17.492],[0,0],[6.343,0],[0,0],[0,-14.237],[0,0],[-22.972,0],[0,0],[-4.378,-4.611],[0,0],[0,37.153],[0,0]],"o":[[0,-37.153],[0,0],[-4.378,4.611],[0,0],[-22.972,0],[0,0],[0,14.237],[0,0],[6.343,0],[0,0],[16.806,17.492],[0,0],[0,0]],"v":[[33.271,-121.847],[-15.728,-144.085],[-80.954,-75.396],[-97.742,-68.176],[-144.423,-68.176],[-177.034,-39.797],[-177.034,39.953],[-144.423,68.333],[-97.742,68.333],[-80.954,75.552],[-15.728,144.241],[33.271,122.004],[33.271,2.96]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":4},{"ty":4,"nm":"Line Small 3","sr":1,"st":33,"op":179,"ip":31,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[105.272,-4.983,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[20.883,0.352,0],"t":31,"ti":[0,0,0],"to":[0,0,0]},{"s":[105.272,-4.983,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-15.933,-11.882],[0,-17.553],[17.385,-13.182]],"o":[[17.789,13.266],[0,17.323],[-15.643,11.861]],"v":[[91.693,-52.966],[118.852,-4.73],[92.365,43.001]]}}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[51.5],"t":31},{"s":[100],"t":43}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[48.5],"t":31},{"s":[0],"t":43}]},"m":1},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":5,"parent":8},{"ty":4,"nm":"Line Big 3","sr":1,"st":33,"op":179,"ip":31,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[131.883,-5.898,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[80.133,0.102,0],"t":31,"ti":[0,0,0],"to":[0,0,0]},{"s":[131.883,-5.898,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-0.471,-0.164],[-15.933,-19.728],[0,-29.144],[17.385,-21.886],[25.381,-9.147]],"o":[[25.715,8.926],[17.789,22.026],[0,28.763],[-15.643,19.694],[-0.457,0.165]],"v":[[86.037,-128.22],[149.57,-84.036],[177.729,-5.608],[150.242,71.983],[87.678,116.424]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[60],"t":31},{"s":[100],"t":43}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[40],"t":31},{"s":[0],"t":43}]},"m":1},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":6,"parent":8},{"ty":4,"nm":"Cross 3","sr":1,"st":20,"op":31,"ip":21,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[140.253,5.78,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[146.626,5.78,0],"t":21,"ti":[3,0,0],"to":[-3,0,0]},{"s":[128.626,5.78,0],"t":32}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[186.424,-40.422],[94.083,51.983]]}],"t":21},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[141.255,0.625],[139.252,10.936]]}],"t":32}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[94.083,-40.422],[186.424,51.983]]}],"t":21},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[139.252,0.625],[141.255,10.936]]}],"t":32}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":7,"parent":8},{"ty":4,"nm":"Speaker 3","sr":1,"st":21,"op":184,"ip":21,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-71.881,0.078,0]},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.7,"y":1},"s":[100,100,100],"t":21},{"o":{"x":0.3,"y":0},"i":{"x":0.3,"y":1},"s":[93,93,100],"t":30},{"s":[100,100,100],"t":43}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.2,"y":1},"s":[177.746,256.078,0],"t":21,"ti":[-1.062,0,0],"to":[0,0,0]},{"s":[184.119,256.078,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[16.806,-17.492],[0,0],[6.343,0],[0,0],[0,-14.237],[0,0],[-22.972,0],[0,0],[-4.378,-4.611],[0,0],[0,37.153],[0,0]],"o":[[0,-37.153],[0,0],[-4.378,4.611],[0,0],[-22.972,0],[0,0],[0,14.237],[0,0],[6.343,0],[0,0],[16.806,17.492],[0,0],[0,0]],"v":[[33.271,-121.847],[-15.728,-144.085],[-80.954,-75.396],[-97.742,-68.176],[-144.423,-68.176],[-177.034,-39.797],[-177.034,39.953],[-144.423,68.333],[-97.742,68.333],[-80.954,75.552],[-15.728,144.241],[33.271,122.004],[33.271,2.96]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":8}]}]} +{"nm":"MEDIA MUTE / UNMUTE","ddd":0,"h":512,"w":512,"meta":{"g":"@lottiefiles/toolkit-js 0.26.1"},"layers":[{"ty":4,"nm":"Line Small","sr":1,"st":0,"op":12,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[105.272,-4.983,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[105.272,-4.983,0],"t":0,"ti":[-4.5,-0.5,0],"to":[4.5,0.5,0]},{"s":[132.272,-1.983,0],"t":13}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-15.933,-11.882],[0,-17.553],[17.385,-13.182]],"o":[[17.789,13.266],[0,17.323],[-15.643,11.861]],"v":[[91.693,-52.966],[118.852,-4.73],[92.365,43.001]]}}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[100],"t":0},{"s":[53],"t":13}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[0],"t":0},{"s":[47],"t":13}]},"m":1},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[${color.red},${color.green},${color.blue}]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1,"parent":4},{"ty":4,"nm":"Line Big","sr":1,"st":0,"op":12,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[131.883,-5.898,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[131.883,-5.898,0],"t":0,"ti":[0,0,0],"to":[0,0,0]},{"s":[100.883,0.102,0],"t":13}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-0.471,-0.164],[-15.933,-19.728],[0,-29.144],[17.385,-21.886],[25.381,-9.147]],"o":[[25.715,8.926],[17.789,22.026],[0,28.763],[-15.643,19.694],[-0.457,0.165]],"v":[[86.037,-128.22],[149.57,-84.036],[177.729,-5.608],[150.242,71.983],[87.678,116.424]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[${color.red},${color.green},${color.blue}]}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[100],"t":0},{"s":[51.5],"t":13}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[0],"t":0},{"s":[48.5],"t":13}]},"m":1},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2,"parent":4},{"ty":4,"nm":"Cross","sr":1,"st":-1,"op":21,"ip":12,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[140.253,5.78,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[146.626,5.78,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.2,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[141.255,0.625],[139.252,10.936]]}],"t":12},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[186.424,-40.422],[94.083,51.983]]}],"t":21}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[${color.red},${color.green},${color.blue}]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.2,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[139.252,0.625],[141.255,10.936]]}],"t":12},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[94.083,-40.422],[186.424,51.983]]}],"t":21}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[${color.red},${color.green},${color.blue}]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":3,"parent":4},{"ty":4,"nm":"Speaker","sr":1,"st":0,"op":21,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-71.881,0.078,0]},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.7,"y":1},"s":[100,100,100],"t":0},{"o":{"x":0.3,"y":0},"i":{"x":0.3,"y":1},"s":[93,93,100],"t":12},{"s":[100,100,100],"t":21}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.2,"y":1},"s":[184.119,256.078,0],"t":0,"ti":[0,0,0],"to":[-1.062,0,0]},{"s":[177.746,256.078,0],"t":21}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[16.806,-17.492],[0,0],[6.343,0],[0,0],[0,-14.237],[0,0],[-22.972,0],[0,0],[-4.378,-4.611],[0,0],[0,37.153],[0,0]],"o":[[0,-37.153],[0,0],[-4.378,4.611],[0,0],[-22.972,0],[0,0],[0,14.237],[0,0],[6.343,0],[0,0],[16.806,17.492],[0,0],[0,0]],"v":[[33.271,-121.847],[-15.728,-144.085],[-80.954,-75.396],[-97.742,-68.176],[-144.423,-68.176],[-177.034,-39.797],[-177.034,39.953],[-144.423,68.333],[-97.742,68.333],[-80.954,75.552],[-15.728,144.241],[33.271,122.004],[33.271,2.96]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[${color.red},${color.green},${color.blue}]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":4},{"ty":4,"nm":"Line Small 2","sr":1,"st":33,"op":179,"ip":31,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[105.272,-4.983,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[20.883,0.352,0],"t":31,"ti":[0,0,0],"to":[0,0,0]},{"s":[105.272,-4.983,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-15.933,-11.882],[0,-17.553],[17.385,-13.182]],"o":[[17.789,13.266],[0,17.323],[-15.643,11.861]],"v":[[91.693,-52.966],[118.852,-4.73],[92.365,43.001]]}}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[51.5],"t":31},{"s":[100],"t":43}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[48.5],"t":31},{"s":[0],"t":43}]},"m":1},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[${color.red},${color.green},${color.blue}]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":5,"parent":8},{"ty":4,"nm":"Line Big 2","sr":1,"st":33,"op":179,"ip":31,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[131.883,-5.898,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[80.133,0.102,0],"t":31,"ti":[0,0,0],"to":[0,0,0]},{"s":[131.883,-5.898,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-0.471,-0.164],[-15.933,-19.728],[0,-29.144],[17.385,-21.886],[25.381,-9.147]],"o":[[25.715,8.926],[17.789,22.026],[0,28.763],[-15.643,19.694],[-0.457,0.165]],"v":[[86.037,-128.22],[149.57,-84.036],[177.729,-5.608],[150.242,71.983],[87.678,116.424]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[${color.red},${color.green},${color.blue}]}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[60],"t":31},{"s":[100],"t":43}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[40],"t":31},{"s":[0],"t":43}]},"m":1},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":6,"parent":8},{"ty":4,"nm":"Cross 2","sr":1,"st":20,"op":31,"ip":21,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[140.253,5.78,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[146.626,5.78,0],"t":21,"ti":[3,0,0],"to":[-3,0,0]},{"s":[128.626,5.78,0],"t":32}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[186.424,-40.422],[94.083,51.983]]}],"t":21},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[141.255,0.625],[139.252,10.936]]}],"t":32}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[${color.red},${color.green},${color.blue}]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[94.083,-40.422],[186.424,51.983]]}],"t":21},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[139.252,0.625],[141.255,10.936]]}],"t":32}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[${color.red},${color.green},${color.blue}]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":7,"parent":8},{"ty":4,"nm":"Speaker 2","sr":1,"st":21,"op":184,"ip":21,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-71.881,0.078,0]},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.7,"y":1},"s":[100,100,100],"t":21},{"o":{"x":0.3,"y":0},"i":{"x":0.3,"y":1},"s":[93,93,100],"t":30},{"s":[100,100,100],"t":43}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.2,"y":1},"s":[177.746,256.078,0],"t":21,"ti":[-1.062,0,0],"to":[0,0,0]},{"s":[184.119,256.078,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[16.806,-17.492],[0,0],[6.343,0],[0,0],[0,-14.237],[0,0],[-22.972,0],[0,0],[-4.378,-4.611],[0,0],[0,37.153],[0,0]],"o":[[0,-37.153],[0,0],[-4.378,4.611],[0,0],[-22.972,0],[0,0],[0,14.237],[0,0],[6.343,0],[0,0],[16.806,17.492],[0,0],[0,0]],"v":[[33.271,-121.847],[-15.728,-144.085],[-80.954,-75.396],[-97.742,-68.176],[-144.423,-68.176],[-177.034,-39.797],[-177.034,39.953],[-144.423,68.333],[-97.742,68.333],[-80.954,75.552],[-15.728,144.241],[33.271,122.004],[33.271,2.96]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":30},"c":{"a":0,"k":[${color.red},${color.green},${color.blue}]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":8}],"v":"5.5.2","fr":60,"op":44,"ip":0,"assets":[{"nm":"","id":"comp_0","layers":[{"ty":4,"nm":"Line Small 4","sr":1,"st":0,"op":12,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[105.272,-4.983,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[105.272,-4.983,0],"t":0,"ti":[-4.5,-0.5,0],"to":[4.5,0.5,0]},{"s":[132.272,-1.983,0],"t":13}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-15.933,-11.882],[0,-17.553],[17.385,-13.182]],"o":[[17.789,13.266],[0,17.323],[-15.643,11.861]],"v":[[91.693,-52.966],[118.852,-4.73],[92.365,43.001]]}}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[100],"t":0},{"s":[53],"t":13}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[0],"t":0},{"s":[47],"t":13}]},"m":1},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1,"parent":4},{"ty":4,"nm":"Line Big 4","sr":1,"st":0,"op":12,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[131.883,-5.898,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[131.883,-5.898,0],"t":0,"ti":[0,0,0],"to":[0,0,0]},{"s":[100.883,0.102,0],"t":13}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-0.471,-0.164],[-15.933,-19.728],[0,-29.144],[17.385,-21.886],[25.381,-9.147]],"o":[[25.715,8.926],[17.789,22.026],[0,28.763],[-15.643,19.694],[-0.457,0.165]],"v":[[86.037,-128.22],[149.57,-84.036],[177.729,-5.608],[150.242,71.983],[87.678,116.424]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[100],"t":0},{"s":[51.5],"t":13}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[0],"t":0},{"s":[48.5],"t":13}]},"m":1},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2,"parent":4},{"ty":4,"nm":"Cross 4","sr":1,"st":-1,"op":21,"ip":12,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[140.253,5.78,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[146.626,5.78,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.2,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[141.255,0.625],[139.252,10.936]]}],"t":12},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[186.424,-40.422],[94.083,51.983]]}],"t":21}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.2,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[139.252,0.625],[141.255,10.936]]}],"t":12},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[94.083,-40.422],[186.424,51.983]]}],"t":21}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":3,"parent":4},{"ty":4,"nm":"Speaker 4","sr":1,"st":0,"op":21,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-71.881,0.078,0]},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.7,"y":1},"s":[100,100,100],"t":0},{"o":{"x":0.3,"y":0},"i":{"x":0.3,"y":1},"s":[93,93,100],"t":12},{"s":[100,100,100],"t":21}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.2,"y":1},"s":[184.119,256.078,0],"t":0,"ti":[0,0,0],"to":[-1.062,0,0]},{"s":[177.746,256.078,0],"t":21}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[16.806,-17.492],[0,0],[6.343,0],[0,0],[0,-14.237],[0,0],[-22.972,0],[0,0],[-4.378,-4.611],[0,0],[0,37.153],[0,0]],"o":[[0,-37.153],[0,0],[-4.378,4.611],[0,0],[-22.972,0],[0,0],[0,14.237],[0,0],[6.343,0],[0,0],[16.806,17.492],[0,0],[0,0]],"v":[[33.271,-121.847],[-15.728,-144.085],[-80.954,-75.396],[-97.742,-68.176],[-144.423,-68.176],[-177.034,-39.797],[-177.034,39.953],[-144.423,68.333],[-97.742,68.333],[-80.954,75.552],[-15.728,144.241],[33.271,122.004],[33.271,2.96]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":4},{"ty":4,"nm":"Line Small 3","sr":1,"st":33,"op":179,"ip":31,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[105.272,-4.983,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[20.883,0.352,0],"t":31,"ti":[0,0,0],"to":[0,0,0]},{"s":[105.272,-4.983,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-15.933,-11.882],[0,-17.553],[17.385,-13.182]],"o":[[17.789,13.266],[0,17.323],[-15.643,11.861]],"v":[[91.693,-52.966],[118.852,-4.73],[92.365,43.001]]}}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[51.5],"t":31},{"s":[100],"t":43}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[48.5],"t":31},{"s":[0],"t":43}]},"m":1},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":5,"parent":8},{"ty":4,"nm":"Line Big 3","sr":1,"st":33,"op":179,"ip":31,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[131.883,-5.898,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[80.133,0.102,0],"t":31,"ti":[0,0,0],"to":[0,0,0]},{"s":[131.883,-5.898,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[-0.471,-0.164],[-15.933,-19.728],[0,-29.144],[17.385,-21.886],[25.381,-9.147]],"o":[[25.715,8.926],[17.789,22.026],[0,28.763],[-15.643,19.694],[-0.457,0.165]],"v":[[86.037,-128.22],[149.57,-84.036],[177.729,-5.608],[150.242,71.983],[87.678,116.424]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tm","bm":0,"hd":false,"nm":"Trim Paths 1","e":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[60],"t":31},{"s":[100],"t":43}]},"o":{"a":0,"k":0},"s":{"a":1,"k":[{"o":{"x":0.1,"y":0},"i":{"x":0.2,"y":1},"s":[40],"t":31},{"s":[0],"t":43}]},"m":1},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":6,"parent":8},{"ty":4,"nm":"Cross 3","sr":1,"st":20,"op":31,"ip":21,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[140.253,5.78,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[146.626,5.78,0],"t":21,"ti":[3,0,0],"to":[-3,0,0]},{"s":[128.626,5.78,0],"t":32}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[186.424,-40.422],[94.083,51.983]]}],"t":21},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[141.255,0.625],[139.252,10.936]]}],"t":32}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.6,"y":1},"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[94.083,-40.422],[186.424,51.983]]}],"t":21},{"s":[{"c":false,"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[139.252,0.625],[141.255,10.936]]}],"t":32}]}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[139.75,5.5]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[139.75,-0.5]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":7,"parent":8},{"ty":4,"nm":"Speaker 3","sr":1,"st":21,"op":184,"ip":21,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-71.881,0.078,0]},"s":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.7,"y":1},"s":[100,100,100],"t":21},{"o":{"x":0.3,"y":0},"i":{"x":0.3,"y":1},"s":[93,93,100],"t":30},{"s":[100,100,100],"t":43}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.6,"y":0},"i":{"x":0.2,"y":1},"s":[177.746,256.078,0],"t":21,"ti":[-1.062,0,0],"to":[0,0,0]},{"s":[184.119,256.078,0],"t":43}]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[16.806,-17.492],[0,0],[6.343,0],[0,0],[0,-14.237],[0,0],[-22.972,0],[0,0],[-4.378,-4.611],[0,0],[0,37.153],[0,0]],"o":[[0,-37.153],[0,0],[-4.378,4.611],[0,0],[-22.972,0],[0,0],[0,14.237],[0,0],[6.343,0],[0,0],[16.806,17.492],[0,0],[0,0]],"v":[[33.271,-121.847],[-15.728,-144.085],[-80.954,-75.396],[-97.742,-68.176],[-144.423,-68.176],[-177.034,-39.797],[-177.034,39.953],[-144.423,68.333],[-97.742,68.333],[-80.954,75.552],[-15.728,144.241],[33.271,122.004],[33.271,2.96]]}}},{"ty":"st","bm":0,"hd":false,"nm":"Stroke 1","lc":2,"lj":2,"ml":1,"o":{"a":0,"k":100},"w":{"a":0,"k":46},"c":{"a":0,"k":[0,0,0]}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":8}]}]} """ val animation = Animation.makeFromString(source) diff --git a/src/main/kotlin/components/menu/CustomPopup.kt b/src/main/kotlin/components/menu/CustomPopup.kt index d22aea6..1828c88 100644 --- a/src/main/kotlin/components/menu/CustomPopup.kt +++ b/src/main/kotlin/components/menu/CustomPopup.kt @@ -1,7 +1,6 @@ package components.menu import androidx.compose.animation.core.* -import androidx.compose.foundation.background import androidx.compose.foundation.clickable import androidx.compose.foundation.interaction.MutableInteractionSource import androidx.compose.foundation.layout.* @@ -12,7 +11,6 @@ import androidx.compose.material.Card import androidx.compose.runtime.* import androidx.compose.ui.Modifier import androidx.compose.ui.focus.FocusManager -import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.TransformOrigin import androidx.compose.ui.graphics.graphicsLayer import androidx.compose.ui.input.InputModeManager diff --git a/src/main/kotlin/components/menu/HomeAppbarPopup.kt b/src/main/kotlin/components/menu/HomeAppbarPopup.kt index c156cc6..8b4aea0 100644 --- a/src/main/kotlin/components/menu/HomeAppbarPopup.kt +++ b/src/main/kotlin/components/menu/HomeAppbarPopup.kt @@ -1,6 +1,7 @@ package components.menu import androidx.compose.runtime.Composable +import utils.Prefs @Composable fun HomeAppbarPopup( @@ -13,12 +14,15 @@ fun HomeAppbarPopup( expanded = show, onDismissRequest = onDismissRequest ) { - MenuItem("icons/refresh.svg","ReSync Audios (WIP)") { + MenuItem(if (Prefs.isDarkMode) "icons/sun.svg" else "icons/moon.svg",if (Prefs.isDarkMode) "Light Mode" else "Dark Mode") { callback.invoke(0) } - MenuItem("icons/info.svg","About") { + MenuItem("icons/refresh.svg","ReSync Audios (WIP)") { callback.invoke(1) } + MenuItem("icons/info.svg","About") { + callback.invoke(2) + } } } diff --git a/src/main/kotlin/routing/ScreenHome.kt b/src/main/kotlin/routing/ScreenHome.kt index 0f64ad8..8cf6233 100644 --- a/src/main/kotlin/routing/ScreenHome.kt +++ b/src/main/kotlin/routing/ScreenHome.kt @@ -1,10 +1,13 @@ package routing +import CenterState.audioList +import CenterState.currentFolder +import CenterState.filteredAudioList +import CenterState.folderList import androidx.compose.runtime.* import androidx.compose.runtime.snapshots.SnapshotStateList import components.CustomScaffold import components.rememberCustomOCState -import core.db.CoreDB import core.db.models.ModelAudio import core.db.models.ModelFolder import kotlinx.coroutines.launch @@ -17,18 +20,6 @@ import theme.ColorBox @Composable fun ScreenHome() { - val audioList = ArrayList().apply { - addAll(CoreDB.Audios.read()) - } - val filteredAudioList = SnapshotStateList().apply { - addAll(audioList) - } - val folderList = SnapshotStateList().apply { - addAll(CoreDB.Folders.read()) - } - - /*states*/ - var currentFolder by remember { mutableStateOf(ModelFolder(childCunt = audioList.size)) } var currentSearchKeyword by remember { mutableStateOf("") } val scope = rememberCoroutineScope() @@ -43,7 +34,7 @@ fun ScreenHome() { drawerBackgroundColor = ColorBox.primaryDark2, appbarBackgroundColor = ColorBox.primaryDark, appbarContent = { - Appbar(currentFolder, onSearchClicked = { + Appbar(currentFolder.value, onSearchClicked = { scope.launch { drawerState.close() searchState.open() @@ -59,9 +50,9 @@ fun ScreenHome() { val newChildCount = if (isFav) folderList[1].childCunt + 1 else folderList[1].childCunt - 1 folderList[1] = folderList[1].copy(childCunt = newChildCount) - if (currentFolder.path == "#Fav") { - currentFolder = currentFolder.copy(childCunt = newChildCount) - filterList(currentSearchKeyword, currentFolder, filteredAudioList, audioList) + if (currentFolder.value.path == "#Fav") { + currentFolder.value = currentFolder.value.copy(childCunt = newChildCount) + filterList(currentSearchKeyword, currentFolder.value, filteredAudioList, audioList) } }, onEdited = { editedAudio -> @@ -73,18 +64,18 @@ fun ScreenHome() { }, onSearchContent = { currentSearchKeyword = it - filterList(currentSearchKeyword, currentFolder, filteredAudioList, audioList) + filterList(currentSearchKeyword, currentFolder.value, filteredAudioList, audioList) }, drawerContent = { Drawer( folders = folderList, - selectedFolder = currentFolder.path + selectedFolder = currentFolder.value.path ) { scope.launch { drawerState.close() } - currentFolder = it - filterList(currentSearchKeyword, currentFolder, filteredAudioList, audioList) + currentFolder.value = it + filterList(currentSearchKeyword, currentFolder.value, filteredAudioList, audioList) } } ) diff --git a/src/main/kotlin/routing/dialogs/AudioInfoDialog.kt b/src/main/kotlin/routing/dialogs/AudioInfoDialog.kt index a50a8e6..7172652 100644 --- a/src/main/kotlin/routing/dialogs/AudioInfoDialog.kt +++ b/src/main/kotlin/routing/dialogs/AudioInfoDialog.kt @@ -1,6 +1,5 @@ package routing.dialogs -import androidx.compose.desktop.ui.tooling.preview.Preview import androidx.compose.foundation.background import androidx.compose.foundation.clickable import androidx.compose.foundation.layout.* diff --git a/src/main/kotlin/routing/dialogs/EditTagsDialog.kt b/src/main/kotlin/routing/dialogs/EditTagsDialog.kt index 4d0621e..47bc683 100644 --- a/src/main/kotlin/routing/dialogs/EditTagsDialog.kt +++ b/src/main/kotlin/routing/dialogs/EditTagsDialog.kt @@ -8,8 +8,6 @@ import androidx.compose.foundation.background import androidx.compose.foundation.clickable import androidx.compose.foundation.layout.* import androidx.compose.foundation.shape.RoundedCornerShape -import androidx.compose.material.Card -import androidx.compose.material.Chip import androidx.compose.material.Icon import androidx.compose.material.Text import androidx.compose.runtime.* @@ -19,7 +17,6 @@ import androidx.compose.ui.Modifier import androidx.compose.ui.draw.clip import androidx.compose.ui.input.pointer.PointerEventType import androidx.compose.ui.input.pointer.onPointerEvent -import androidx.compose.ui.input.pointer.pointerMoveFilter import androidx.compose.ui.layout.ContentScale import androidx.compose.ui.res.painterResource import androidx.compose.ui.unit.dp diff --git a/src/main/kotlin/routing/dialogs/PlayerBottomSheet.kt b/src/main/kotlin/routing/dialogs/PlayerBottomSheet.kt index a628052..f6487bd 100644 --- a/src/main/kotlin/routing/dialogs/PlayerBottomSheet.kt +++ b/src/main/kotlin/routing/dialogs/PlayerBottomSheet.kt @@ -241,7 +241,7 @@ fun PlayerBottomSheet( Box(Modifier.size(48.dp).clip(RoundedCornerShape(50)).clickable { CorePlayer.autoMute() }) { - MuteAnimationIcon(modifier = Modifier.size(26.dp).align(Alignment.Center), isMute = isMute.value) + MuteAnimationIcon(modifier = Modifier.size(26.dp).align(Alignment.Center),color = ColorBox.text.copy(0.8f), isMute = isMute.value) } CustomSlider( modifier = Modifier.padding(start = 4.dp,end = 16.dp).weight(1f), diff --git a/src/main/kotlin/routing/sections/Appbar.kt b/src/main/kotlin/routing/sections/Appbar.kt index 39529f6..a541354 100644 --- a/src/main/kotlin/routing/sections/Appbar.kt +++ b/src/main/kotlin/routing/sections/Appbar.kt @@ -62,9 +62,12 @@ fun RowScope.Appbar(currentFolder : ModelFolder,onSearchClicked : () -> Unit) { callback = { when (it) { 0 -> { - + ColorBox.switchDarkLight() } 1 -> { + + } + 2 -> { modalController.present(AlertConfiguration(alpha = 0.6f, cornerRadius = 6)) { AboutDialog { modalController.popBackStack(null) diff --git a/src/main/kotlin/theme/ColorBox.kt b/src/main/kotlin/theme/ColorBox.kt index 64922e9..e416741 100644 --- a/src/main/kotlin/theme/ColorBox.kt +++ b/src/main/kotlin/theme/ColorBox.kt @@ -1,13 +1,56 @@ package theme +import androidx.compose.runtime.getValue +import androidx.compose.runtime.mutableStateOf +import androidx.compose.runtime.setValue import androidx.compose.ui.graphics.Color +import utils.Prefs object ColorBox { - val primary = Color(0xFFFFFFFF) - val primaryDark = Color(0xFF0c1620) - val primaryDark2 = Color(0xFF15212a) - val card = Color(0xFF152632) - val text = Color(0xFFFFFFFF) + private val NIGHT_PRIMARY = Color(0xFFFFFFFF) + private val NIGHT_PRIMARY_DARK = Color(0xFF0c1620) + private val NIGHT_PRIMARY_DARK2 = Color(0xFF15212a) + private val NIGHT_PRIMARY_CARD = Color(0xFF152632) + private val NIGHT_TEXT_COLOR = Color(0xFFFFFFFF) + + private val DAY_PRIMARY = Color(0xFF0c1620) + private val DAY_PRIMARY_DARK = Color(0xFFFFFFFF) + private val DAY_PRIMARY_DARK2 = Color(0xFFFAFAFA) + private val DAY_PRIMARY_DARK3 = Color(0xFFF4F4F4) + private val DAY_TEXT_COLOR = Color(0xFF121212) + + var isDarkMode by mutableStateOf(Prefs.isDarkMode) + + var primary by mutableStateOf(if (Prefs.isDarkMode) NIGHT_PRIMARY else DAY_PRIMARY) + private set + var primaryDark by mutableStateOf(if (Prefs.isDarkMode) NIGHT_PRIMARY_DARK else DAY_PRIMARY_DARK) + private set + var primaryDark2 by mutableStateOf(if (Prefs.isDarkMode) NIGHT_PRIMARY_DARK2 else DAY_PRIMARY_DARK2) + private set + var card by mutableStateOf(if (Prefs.isDarkMode) NIGHT_PRIMARY_CARD else DAY_PRIMARY_DARK3) + private set + var text by mutableStateOf(if (Prefs.isDarkMode) NIGHT_TEXT_COLOR else DAY_TEXT_COLOR) + private set + + fun switchDarkLight () { + if (isDarkMode) { + //light + primary = DAY_PRIMARY + primaryDark = DAY_PRIMARY_DARK + primaryDark2 = DAY_PRIMARY_DARK2 + card = DAY_PRIMARY_DARK3 + text = DAY_TEXT_COLOR + } else { + //dark + primary = NIGHT_PRIMARY + primaryDark = NIGHT_PRIMARY_DARK + primaryDark2 = NIGHT_PRIMARY_DARK2 + card = NIGHT_PRIMARY_CARD + text = NIGHT_TEXT_COLOR + } + Prefs.isDarkMode = !isDarkMode + isDarkMode = !isDarkMode + } } \ No newline at end of file diff --git a/src/main/kotlin/utils/Prefs.kt b/src/main/kotlin/utils/Prefs.kt index 1bb1e92..2f8e5e9 100644 --- a/src/main/kotlin/utils/Prefs.kt +++ b/src/main/kotlin/utils/Prefs.kt @@ -37,4 +37,12 @@ object Prefs { preferences.put("equalizerPreset",value) } + var isDarkMode : Boolean + get() { + return preferences.getBoolean("isDarkMode",true) + } + set(value) { + preferences.putBoolean("isDarkMode",value) + } + } \ No newline at end of file diff --git a/src/main/resources/icons/moon.svg b/src/main/resources/icons/moon.svg new file mode 100644 index 0000000..c0158c8 --- /dev/null +++ b/src/main/resources/icons/moon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/main/resources/icons/sun.svg b/src/main/resources/icons/sun.svg new file mode 100644 index 0000000..7bdb9b0 --- /dev/null +++ b/src/main/resources/icons/sun.svg @@ -0,0 +1,11 @@ + + + + + + + + + + +