add style engine
This commit is contained in:
@@ -11,11 +11,22 @@ import (
|
||||
func (wc *WebController) globalCSSHandler(w http.ResponseWriter, r *http.Request, _ httprouter.Params) {
|
||||
w.Header().Add("Content-Type", "text/css; charset=utf-8")
|
||||
|
||||
var textColor = "hsl(0, 0%, 75%)"
|
||||
var selectedStyle PixeldrainStyleSheet
|
||||
|
||||
// Originals
|
||||
var highlightColor = "hsl(89, 51%, 50%)"
|
||||
var highlightColorDark = "hsl(89, 51%, 40%)"
|
||||
if cookie, err := r.Cookie("style"); err != nil {
|
||||
selectedStyle = DefaultPixeldrainStyle
|
||||
} else {
|
||||
switch cookie.Value {
|
||||
case "solarized_dark":
|
||||
selectedStyle = SolarizedDarkStyle
|
||||
break
|
||||
case "default":
|
||||
fallthrough // use default case
|
||||
default:
|
||||
selectedStyle = DefaultPixeldrainStyle
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
// Purple scheme
|
||||
// var highlightColor = "843384"
|
||||
@@ -23,15 +34,161 @@ func (wc *WebController) globalCSSHandler(w http.ResponseWriter, r *http.Request
|
||||
|
||||
var response = fmt.Sprintf(
|
||||
`:root {
|
||||
--text_color: %s;
|
||||
--highlight_color: %s;
|
||||
--highlight_color_dark: %s;
|
||||
--text_color: %s;
|
||||
--input_color: %s;
|
||||
--input_color_dark: %s;
|
||||
--input_text_color: %s;
|
||||
--highlight_color: %s;
|
||||
--highlight_color_dark: %s;
|
||||
--highlight_text_color: %s;
|
||||
--danger_color: %s;
|
||||
--danger_color_dark: %s;
|
||||
--file_background_color: %s;
|
||||
|
||||
--background_color: %s;
|
||||
--body_color: %s;
|
||||
--accent_color_dark: %s;
|
||||
--accent_color_dark_border: %s;
|
||||
--accent_color_medium: %s;
|
||||
--accent_color_medium_border: %s;
|
||||
--accent_color_light: %s;
|
||||
--accent_color_light_border: %s;
|
||||
|
||||
--shadow_color: %s;
|
||||
--shadow_spread: %s;
|
||||
--shadow_intensity: %s;
|
||||
}
|
||||
`,
|
||||
textColor,
|
||||
highlightColor,
|
||||
highlightColorDark,
|
||||
selectedStyle.TextColor.CSSString(),
|
||||
selectedStyle.InputColor.CSSString(),
|
||||
selectedStyle.InputColor.Add(0, 0, -.1).CSSString(),
|
||||
selectedStyle.InputTextColor.CSSString(),
|
||||
selectedStyle.HighlightColor.CSSString(),
|
||||
selectedStyle.HighlightColor.Add(0, 0, -.1).CSSString(),
|
||||
selectedStyle.HighlightTextColor.CSSString(),
|
||||
selectedStyle.DangerColor.CSSString(),
|
||||
selectedStyle.DangerColorDark.CSSString(),
|
||||
selectedStyle.FileBackgroundColor.CSSString(),
|
||||
selectedStyle.BackgroundColor.CSSString(),
|
||||
selectedStyle.BodyColor.CSSString(),
|
||||
selectedStyle.AccentColorDark.CSSString(),
|
||||
selectedStyle.AccentColorDark.Add(0, 0, .15).CSSString(),
|
||||
selectedStyle.AccentColorMedium.CSSString(),
|
||||
selectedStyle.AccentColorMedium.Add(0, 0, .15).CSSString(),
|
||||
selectedStyle.AccentColorLight.CSSString(),
|
||||
selectedStyle.AccentColorLight.Add(0, 0, .15).CSSString(),
|
||||
selectedStyle.ShadowColor.CSSString(),
|
||||
fmt.Sprintf("%dpx", selectedStyle.ShadowSpread),
|
||||
fmt.Sprintf("%dpx", selectedStyle.ShadowIntensity),
|
||||
)
|
||||
|
||||
strings.NewReader(response).WriteTo(w)
|
||||
}
|
||||
|
||||
type PixeldrainStyleSheet struct {
|
||||
TextColor HSL
|
||||
InputColor HSL
|
||||
InputTextColor HSL
|
||||
HighlightColor HSL
|
||||
HighlightTextColor HSL
|
||||
DangerColor HSL
|
||||
DangerColorDark HSL
|
||||
FileBackgroundColor HSL
|
||||
|
||||
BackgroundColor HSL
|
||||
BodyColor HSL
|
||||
AccentColorDark HSL
|
||||
AccentColorMedium HSL
|
||||
AccentColorLight HSL
|
||||
|
||||
ShadowColor HSL
|
||||
ShadowSpread int // Pixels
|
||||
ShadowIntensity int // Pixels
|
||||
}
|
||||
type HSL struct {
|
||||
Hue int
|
||||
Saturation float64
|
||||
Lightness float64
|
||||
}
|
||||
|
||||
func (hsl HSL) CSSString() string {
|
||||
return fmt.Sprintf(
|
||||
"hsl(%d, %.3f%%, %.3f%%)",
|
||||
hsl.Hue,
|
||||
hsl.Saturation*100,
|
||||
hsl.Lightness*100,
|
||||
)
|
||||
}
|
||||
|
||||
// Add returns a NEW HSL struct, it doesn't modify the current one
|
||||
func (hsl HSL) Add(hue int, saturation float64, lightness float64) HSL {
|
||||
var new = HSL{
|
||||
hsl.Hue + hue,
|
||||
hsl.Saturation + saturation,
|
||||
hsl.Lightness + lightness,
|
||||
}
|
||||
// Hue bounds correction
|
||||
if new.Hue < 0 {
|
||||
new.Hue += 360
|
||||
} else if new.Hue > 360 {
|
||||
new.Hue -= 360
|
||||
}
|
||||
// Saturation bounds check
|
||||
if new.Saturation < 0 {
|
||||
new.Saturation = 0
|
||||
} else if new.Saturation > 1 {
|
||||
new.Saturation = 1
|
||||
}
|
||||
// Lightness bounds check
|
||||
if new.Lightness < 0 {
|
||||
new.Lightness = 0
|
||||
} else if new.Lightness > 1 {
|
||||
new.Lightness = 1
|
||||
}
|
||||
|
||||
return new
|
||||
}
|
||||
|
||||
// Following are all the available styles
|
||||
|
||||
var DefaultPixeldrainStyle = PixeldrainStyleSheet{
|
||||
TextColor: HSL{0, 0, .75},
|
||||
InputColor: HSL{0, 0, .38},
|
||||
InputTextColor: HSL{0, 0, 1},
|
||||
HighlightColor: HSL{89, .51, .5},
|
||||
HighlightTextColor: HSL{0, 0, 0},
|
||||
DangerColor: HSL{339, .65, .31},
|
||||
DangerColorDark: HSL{339, .64, .23},
|
||||
FileBackgroundColor: HSL{0, 0, 0},
|
||||
|
||||
BackgroundColor: HSL{0, 0, .05},
|
||||
BodyColor: HSL{20, .05, .14},
|
||||
AccentColorDark: HSL{0, 0, .19},
|
||||
AccentColorMedium: HSL{0, 0, .23},
|
||||
AccentColorLight: HSL{0, 0, .28},
|
||||
|
||||
ShadowColor: HSL{0, 0, 0},
|
||||
ShadowSpread: 50,
|
||||
ShadowIntensity: 5,
|
||||
}
|
||||
|
||||
var SolarizedDarkStyle = PixeldrainStyleSheet{
|
||||
TextColor: HSL{0, 0, .75},
|
||||
InputColor: HSL{192, .95, .30},
|
||||
InputTextColor: HSL{0, 0, 1},
|
||||
HighlightColor: HSL{145, .63, .42},
|
||||
HighlightTextColor: HSL{0, 0, 1},
|
||||
DangerColor: HSL{343, .63, .42},
|
||||
DangerColorDark: HSL{343, .63, .36},
|
||||
FileBackgroundColor: HSL{192, .87, .05},
|
||||
|
||||
BackgroundColor: HSL{192, 1, .05},
|
||||
BodyColor: HSL{192, 1, .11},
|
||||
AccentColorDark: HSL{192, .87, .09},
|
||||
AccentColorMedium: HSL{192, .81, .14},
|
||||
AccentColorLight: HSL{192, .95, .17},
|
||||
|
||||
ShadowColor: HSL{192, .87, .05},
|
||||
ShadowSpread: 50,
|
||||
ShadowIntensity: 5,
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user