简单修改一下桌面的样式-美化交流社区-开发交流-腾飞Webos社区

简单修改一下桌面的样式

图片[1]-简单修改一下桌面的样式-美化交流社区-开发交流-腾飞Webos社区

图片[2]-简单修改一下桌面的样式-美化交流社区-开发交流-腾飞Webos社区

图片[3]-简单修改一下桌面的样式-美化交流社区-开发交流-腾飞Webos社区

 

将以下代码设置到webos设置–系统–全局代码

<style>
/*桌面图标*/
.desktop>.desktopCont .dskApp {min-height: 100px;max-height: 100px;max-width: 80px;box-sizing: border-box;background: unset !important;justify-content: space-evenly !important;}
.desktop>.desktopCont .dskApp:hover,
.desktop>.desktopCont .dskApp.select{border-radius: 10px;backdrop-filter: blur(12px) saturate(0.9) brightness(1.2) opacity(0.9);}
.desktop>.desktopCont .dskApp.select {box-shadow: 0px 0px 5px -1px #ffffff80 inset;backdrop-filter: blur(12px) saturate(0.9) brightness(1.3) opacity(0.9);}
.desktop>.desktopCont .dskApp .appName{margin-top: 0px !important;width: 100% !important;-webkit-line-clamp: 2 !important; height:auto !important;}
.desktop>.desktopCont .dskApp.select>.uicon.dskIcon,
.desktop>.desktopCont .dskApp:hover>.uicon.dskIcon{transform: scale(1.2);}
/*.desktop>.desktopCont .dskApp.select{height: max-content !important;max-height: max-content;min-height: max-content;padding-top: 12px;padding-bottom: 5px;}
.desktop>.desktopCont .dskApp.select>.appName{margin-top: 12px !important;}*/

/*任务栏*/
.taskbar-component.taskbar{background:unset;}
.taskcont{display: flex;flex-direction: row;align-items: stretch;justify-content: center;}
.taskcont>.taskright {margin-left: 3px !important;position: relative !important;}
.taskcont>.taskright>.taskDate {font-size: 12px;justify-content: center;}
.taskcont>.tasksCont,
.taskcont>.tasksCont>.tsbar{width:auto !important;}
.taskcont>.tasksCont>.tsbar{margin-bottom: .25rem;margin-top: .25rem;}
.taskcont>.taskright>.handcr,
.taskcont>.taskright>.taskDate,
.taskcont>.tasksCont>.tsbar{background: var(--bg1);border-radius: 10px;backdrop-filter: blur(20px) saturate(1.2);}
.taskcont>.sidePane, .taskcont>.calnpane.dpShad{right:auto;}
</style>

附上登录页的修改,设置–系统–底部代码

<style>
.fadeinScreen {top: calc(50vh - 266px) !important;}
/*,.fadeinScreen.login-form>div.text-xs.text-gray-400:last-child*/

.bottomInfo{bottom: 12px !important;font-size: 12px;color: rgb(255 255 255 / 50%) !important;}
.bottomInfo>span:last-child>a{line-height: normal !important;}
</style>

 

请登录后发表评论

随便看看