Files
OrcaSlicer/resources/web/homepage/css/dark.css
2026-09-07 23:42:29 +08:00

152 lines
2.4 KiB
CSS

body
{
background-color:#242428;
}
*
{
border-color: #3E3E45;
}
.TextS1
{
color:#efeff0;
}
.TextS2
{
color:#B3B3B5;
}
.ZScrol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
background-color: #939594;
}
.ZScrol::-webkit-scrollbar-track {/*滚动条里面轨道*/
background: #161817;
}
/*----Left Menu Button----*/
.BtnItem
{
color:#B3B3B5;
}
.BtnItem:hover
{
color: #efeff0;
background-color: var(--row-hover);
}
.BtnItem:hover .LeftIcon
{
filter: brightness(300%);
}
.BtnItemSelected
{
color: #efeff0;
background-color: var(--row-hover);
}
.BtnItemSelected .LeftIcon
{
filter: brightness(300%);
}
/*-----Right Top MenuBtn-----*/
.MenuItem:hover
{
border-color: #00675b;
background-color: #223C3C;
}
.FileImg
{
background-color: #36363C; /*ORCA use darker color for dark theme for thumbnails*/
}
#recnet_context_menu
{
color: #efeff0;
background-color:#242428;
border: 0px;
box-shadow: 0px 0px 3px #DCDCDC;
}
.CT_Item:hover
{
background-color:#00675b; /*ORCA color*/
}
/*----User Manual------*/
.UG_DESC
{
color:#818183;
}
/*---Staff PIck----*/
#HotModel_Swiper
{
}
.HotModel_NameText
{
height: 32px;
}
.HotModelPiece
{
border: 1px solid #4C4C55;
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.04);
background-color: #4C4C55;
}
#HotModel_RIGHT_Title
{
color: #818183;
}
.swiper
{
--swiper-navigation-color: #EFEFF0;/* 单独设置按钮颜色 */
}
.swiper-button-prev
{
background: rgba(54, 54, 60, 0.88);
border: 1px solid rgba(129, 129, 131, 0.64);
}
.swiper-button-next
{
background: rgba(54, 54, 60, 0.88);
border: 1px solid rgba(129, 129, 131, 0.64);
}
/*--- Account rows and account menu ---*/
:root
{
--row-hover : #223C3C;
--warn-color : #F07E4A;
--account-avatar-bg : #3A3A40;
--account-avatar-glyph : #7E8785;
--account-surface : #36363B;
--account-name : #EFEFF0;
--account-meta : #949494;
--account-border : #4A4A51;
--account-divider : #3A3A42;
--account-action : #26A69A;
--account-danger : #FF6A6A;
--account-danger-bg : rgba(225, 71, 71, 0.16);
--account-warn-bg : rgba(240, 126, 74, 0.16); /*----var(--warn-color) at 16%----*/
--account-dot-off : #5A5A62;
--account-dot-on : #4CAF50;
--account-menu-shadow : 0 10px 28px rgba(0, 0, 0, 0.45);
}