oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-09-16 01:56:55 +00:00
Code Wiki Activity

4.0.0-rc3. Display a warning for complex or invalid filtering terms, using the safe-regex NPM module. Add a separate Regex (Word) filtering mode. Fix channel hosting control. Fix hide extensions. Add a fix for bad local echo emote indices for chat. Position the color picker above rather than below for filter terms. Apply a dark theme to the color picker. Rewrite the filter terms editor to use the term editor component for adding a new term.

Browse source
This commit is contained in:
SirStendec 2018-06-27 14:13:59 -04:00
parent 2a790ad7cd
commit 038270d232
23 changed files with 669 additions and 423 deletions
Download patch file Download diff file Expand all files Collapse all files

7
styles/widgets.scss
View file

@ -7,6 +7,8 @@
@import "./widgets/profile-selector.scss";
@import "./widgets/badge-visibility.scss";
@import "./widgets/color-picker.scss";
.tw-display-inline { display: inline !important }
.tw-width-auto { width: auto !important }
@ -16,6 +18,10 @@
font-family: monospace;
}
.ffz-bottom-100 {
bottom: 100%;
}
.ffz--widget {
input, select {
@ -55,6 +61,7 @@
figure {
width: 3rem;
margin: .4rem;
text-align: center;
height: calc(100% - .8rem);
}

96
styles/widgets/color-picker.scss Normal file
View file

@ -0,0 +1,96 @@
$color: #dad8de;
$bg-color: #17141f;
$border-color: #2c2541;
$input-color: #faf9fa;
$input-bg: #0e0c13;
$input-border: #392e5c;
$input-active-border: #7d5bbe;
.tw-theme--dark {
.vc-sketch {
background: $bg-color;
box-shadow: 0 0 0 1px $border-color,
0 8px 16px rgba($border-color, .15);
}
.vc-sketch-active-color {
box-shadow: inset 0 0 0 1px $border-color,
inset 0 0 4px rgba($border-color, .25);
}
.vc-sketch-field {
.vc-input__input {
background: $input-bg;
color: $input-color;
box-shadow: inset 0 0 0 1px $input-border;
&:focus {
box-shadow: inset 0 0 0 1px $input-active-border,
0 0 6px -2px $input-active-border;
}
}
.vc-input__label {
color: $color;
}
}
.vc-sketch-presets {
border-top-color: $border-color;
}
.vc-sketch-presets-color {
box-shadow: inset 0 0 0 1px $border-color;
}
}
$color: var(--ffz-color-1);
$bg-color: var(--ffz-color-21);
$border-color: var(--ffz-color-20);
$input-color: var(--ffz-color-23);
$input-bg: var(--ffz-color-27);
$input-border: var(--ffz-color-26);
$input-active-border: var(--ffz-color-5);
.tw-theme--dark.tw-theme--ffz {
.vc-sketch {
background: $bg-color;
box-shadow: 0 0 0 1px $border-color,
0 8px 16px var(--ffz-color-37);
}
.vc-sketch-active-color {
box-shadow: inset 0 0 0 1px $border-color,
inset 0 0 4px var(--ffz-color-37);
}
.vc-sketch-field {
.vc-input__input {
background: $input-bg;
color: $input-color;
box-shadow: inset 0 0 0 1px $input-border;
&:focus {
box-shadow: inset 0 0 0 1px $input-active-border,
0 0 6px -2px $input-active-border;
}
}
.vc-input__label {
color: $color;
}
}
.vc-sketch-presets {
border-top-color: $border-color;
}
.vc-sketch-presets-color {
box-shadow: inset 0 0 0 1px $border-color;
}
}