mirror of
https://github.com/andwati/zitadel.git
synced 2026-11-13 17:35:12 +00:00
Max PeintnerandGitHub
4f3ccbfad0
* routes, move grid to list comopnent * rename app list component, move to project sub * add owned-project-detail child module * seperate pipes * set password validators only if needed * create org initialize without pwd * no caps * self xss message * fix user table * fix project member paginator * fix project members pagination, user grant pag * move project grants, fix imports * fix owned project detail imports * use pipe and directives * ng content bindings, rem custom schemas * i18n, fix error toast parameter * toast i18n * side background * fix: sequence, add timestamp * audit * fix metanav background * org domain label * cleanup policy component * shorten user grant roles, mk cols visible as bind * move user components, show otp only if available * preload modules * fix password change * fix org create buttons * class css
118 lines
2.0 KiB
SCSS
118 lines
2.0 KiB
SCSS
$dark-background: #2d2e30;
|
|
|
|
:root {
|
|
transition: none;
|
|
}
|
|
|
|
.theme-app {
|
|
position: relative;
|
|
}
|
|
|
|
.theme-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
.circle {
|
|
position: relative;
|
|
border-radius: 100%;
|
|
width: 6rem;
|
|
height: 6rem;
|
|
background: linear-gradient(40deg, #FF0080,#FF8C00 70%);
|
|
margin: auto;
|
|
}
|
|
|
|
.crescent {
|
|
position: absolute;
|
|
border-radius: 100%;
|
|
right: 0;
|
|
width: 4rem;
|
|
height: 4rem;
|
|
background: #fafafa;
|
|
transform: scale(0);
|
|
transform-origin: top right;
|
|
transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
|
|
p {
|
|
font-size: 90%;
|
|
}
|
|
|
|
.heading {
|
|
font-size: 100%;
|
|
font-weight: bolder;
|
|
margin: 2rem 0 .2rem 0;
|
|
}
|
|
|
|
.desc {
|
|
font-size: 14px;
|
|
color: #8795a1;
|
|
}
|
|
|
|
label, .toggle {
|
|
height: 2.8rem;
|
|
border-radius: 100px;
|
|
}
|
|
|
|
label {
|
|
width: 100%;
|
|
background-color: rgba(0,0,0,.1);
|
|
border-radius: 100px;
|
|
position: relative;
|
|
margin: 1rem 0 1rem 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.toggle {
|
|
position: absolute;
|
|
background-color: #fafafa;
|
|
box-shadow: 0 2px 15px rgba(0,0,0,.15);
|
|
}
|
|
|
|
.names {
|
|
font-size: 90%;
|
|
font-weight: bolder;
|
|
width: 65%;
|
|
margin-left: 17.5%;
|
|
margin-top: .5%;
|
|
position: absolute;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
user-select: none;
|
|
}
|
|
|
|
[type="checkbox"] {
|
|
display: none;
|
|
}
|
|
|
|
[type="checkbox"]:checked + .theme-app .toggle{
|
|
transform: translateX(100%);
|
|
background-color: $dark-background;
|
|
}
|
|
|
|
[type="checkbox"]:checked + .theme-app .dark{
|
|
opacity: 1;
|
|
}
|
|
|
|
[type="checkbox"]:checked + .theme-app .light{
|
|
opacity: .5;
|
|
}
|
|
|
|
[type="checkbox"]:checked + .theme-app{
|
|
background-color: $dark-background;
|
|
color: #fafafa;
|
|
}
|
|
|
|
[type="checkbox"]:checked + .theme-app .crescent{
|
|
transform: scale(1);
|
|
background: $dark-background;
|
|
}
|
|
|
|
[type="checkbox"]:checked + .theme-app .circle{
|
|
background: linear-gradient(40deg, #8983F7, #A3DAFB 70%);
|
|
}
|
|
|
|
[type="checkbox"]:checked + .theme-app .main-circle{
|
|
background: linear-gradient(40deg, #8983F7, #A3DAFB 70%);
|
|
} |