.theme-list { position: relative; display: flex; flex-flow: row; margin: 10px; height: 120px; .theme-box { width: 140px; height: 98px; margin-right: 10px; border: 1px solid #dddddd; background-size: 100% auto; background-repeat: no-repeat; opacity: 0.7; &.default { background-image: url('../../../../ucap-webmessenger-app/src/assets/images/theme/theme-default.png'); } &.lgRed { background-image: url('../../../../ucap-webmessenger-app/src/assets/images/theme/theme-lgRed.png'); } &.on { border: 1px solid #333333; opacity: 1; } } .default-theme { background-image: url('../../../../ucap-webmessenger-app/src/assets/images/theme/theme-default.png'); } .lg-red-theme { background-image: url('../../../../ucap-webmessenger-app/src/assets/images/theme/theme-lgRed.png'); } }