mirror of
https://github.com/lutinglt/gitea-github-theme.git
synced 2025-10-26 13:00:31 +00:00
122 lines
2.1 KiB
SCSS
122 lines
2.1 KiB
SCSS
// Made by Luting ^-^
|
|
// 设置左边栏(包含 Actions 的工作流栏)
|
|
|
|
%active-item-after-style {
|
|
background: #1f6feb;
|
|
border-radius: 0.375rem;
|
|
content: '';
|
|
height: 1.8rem;
|
|
left: calc(0.5rem * -1);
|
|
position: absolute;
|
|
top: calc(50% - 13px);
|
|
width: 0.25rem;
|
|
}
|
|
|
|
.ui.vertical.menu {
|
|
background: var(--color-body);
|
|
border: 0;
|
|
|
|
.header.item {
|
|
color: #9198a1 !important;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
background: unset;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.menu .item:hover {
|
|
background: var(--color-hover);
|
|
}
|
|
|
|
.item,
|
|
.item > summary {
|
|
font-size: 1.1rem;
|
|
font-weight: 500;
|
|
background: unset;
|
|
padding: 8px;
|
|
color: var(--color-white) !important;
|
|
}
|
|
|
|
.item:before {
|
|
background: unset;
|
|
}
|
|
|
|
.active.item:after {
|
|
@extend %active-item-after-style;
|
|
}
|
|
|
|
details {
|
|
&:has(.active.item) {
|
|
> summary {
|
|
background: #161a21;
|
|
|
|
&:hover {
|
|
background: var(--color-hover);
|
|
}
|
|
}
|
|
|
|
&[open] {
|
|
> summary {
|
|
background: unset;
|
|
|
|
&:hover {
|
|
background: var(--color-hover);
|
|
}
|
|
}
|
|
|
|
&:after {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
&:after {
|
|
@extend %active-item-after-style;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ui.vertical.menu,
|
|
.ui.fluid.vertical.menu {
|
|
.active.item {
|
|
background: #161a21 !important;
|
|
|
|
&:hover {
|
|
background-color: var(--color-hover) !important;
|
|
}
|
|
}
|
|
|
|
.item,
|
|
.item > summary {
|
|
border-radius: 0.5rem !important;
|
|
}
|
|
}
|
|
|
|
// 设置右面版
|
|
.user-main-content,
|
|
.repo-setting-content,
|
|
.user-setting-content,
|
|
.org-setting-content,
|
|
.admin-setting-content {
|
|
.ui.top.attached.header {
|
|
border: 0;
|
|
font-size: 1.5rem;
|
|
font-weight: 400;
|
|
background-color: unset !important;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
|
|
.ui.attached.segment {
|
|
background-color: unset;
|
|
border-radius: 0.5rem !important;
|
|
}
|
|
|
|
.ui.attached.segment:not(.error) {
|
|
border: 1px solid var(--color-light-border) !important;
|
|
}
|
|
|
|
.ui.attached.segment.error {
|
|
border: 1px solid var(--color-error-border) !important;
|
|
}
|
|
}
|