BetterDiscordApp-v2/client/src/styles/partials/generic/forms/colourpicker.scss

51 lines
1.0 KiB
SCSS
Raw Normal View History

.bd-form-colourpicker .bd-title {
display: flex;
}
.bd-form-colourpicker .bd-title h3 {
font-weight: 500;
color: #f6f6f7;
flex: 1;
line-height: 24px;
margin-bottom: 0;
margin-top: 0;
}
.bd-colourpicker-swatch {
width: 50px;
height: 30px;
border-radius: 3px;
border: 1px solid hsla(0,0%,100%,.1);
}
.bd-form-colourpicker {
position: relative;
.vc-chrome {
position: absolute;
right: 10px;
top: 35px;
border-radius: 3px;
.vc-chrome-body {
background: #36393e;
.vc-chrome-fields-wrap {
.vc-input__input {
background: #1e2124;
color: #FFF;
box-shadow: inset 0 0 0 1px #000;
}
.vc-chrome-toggle-icon-highlight {
background: #1e2124;
}
.vc-chrome-toggle-btn svg path {
fill: #FFF;
}
}
}
}
}