Support color customization from the admin (#2338)

* Add user-customizable theming. Closes #1915

* Prettified Code!

* Add user-customizable theming. Closes #1915

* Add explicit color for page content background

* Prettified Code!

Co-authored-by: gabek <gabek@users.noreply.github.com>

controllers/admin/appearance.go

@@ -0,0 +1,35 @@
+package admin
+
+import (
+	"encoding/json"
+	"net/http"
+
+	"github.com/owncast/owncast/controllers"
+	"github.com/owncast/owncast/core/data"
+)
+
+// SetCustomColorVariableValues sets the custom color variables.
+func SetCustomColorVariableValues(w http.ResponseWriter, r *http.Request) {
+	if !requirePOST(w, r) {
+		return
+	}
+
+	type request struct {
+		Value map[string]string `json:"value"`
+	}
+
+	decoder := json.NewDecoder(r.Body)
+	var values request
+
+	if err := decoder.Decode(&values); err != nil {
+		controllers.WriteSimpleResponse(w, false, "unable to update appearance variable values")
+		return
+	}
+
+	if err := data.SetCustomColorVariableValues(values.Value); err != nil {
+		controllers.WriteSimpleResponse(w, false, err.Error())
+		return
+	}
+
+	controllers.WriteSimpleResponse(w, true, "custom appearance variables updated")
+}

controllers/admin/serverConfig.go

@@ -35,17 +35,18 @@ func GetServerConfig(w http.ResponseWriter, r *http.Request) {
 	}
 	response := serverConfigAdminResponse{
 		InstanceDetails: webConfigResponse{
-			Name:             data.GetServerName(),
-			Summary:          data.GetServerSummary(),
-			Tags:             data.GetServerMetadataTags(),
-			ExtraPageContent: data.GetExtraPageBodyContent(),
-			StreamTitle:      data.GetStreamTitle(),
-			WelcomeMessage:   data.GetServerWelcomeMessage(),
-			OfflineMessage:   data.GetCustomOfflineMessage(),
-			Logo:             data.GetLogoPath(),
-			SocialHandles:    data.GetSocialHandles(),
-			NSFW:             data.GetNSFW(),
-			CustomStyles:     data.GetCustomStyles(),
+			Name:                data.GetServerName(),
+			Summary:             data.GetServerSummary(),
+			Tags:                data.GetServerMetadataTags(),
+			ExtraPageContent:    data.GetExtraPageBodyContent(),
+			StreamTitle:         data.GetStreamTitle(),
+			WelcomeMessage:      data.GetServerWelcomeMessage(),
+			OfflineMessage:      data.GetCustomOfflineMessage(),
+			Logo:                data.GetLogoPath(),
+			SocialHandles:       data.GetSocialHandles(),
+			NSFW:                data.GetNSFW(),
+			CustomStyles:        data.GetCustomStyles(),
+			AppearanceVariables: data.GetCustomColorVariableValues(),
 		},
 		FFmpegPath:              ffmpeg,
 		StreamKey:               data.GetStreamKey(),
@@ -124,18 +125,19 @@ type videoSettings struct {
 }
 
 type webConfigResponse struct {
-	Name             string                `json:"name"`
-	Summary          string                `json:"summary"`
-	WelcomeMessage   string                `json:"welcomeMessage"`
-	OfflineMessage   string                `json:"offlineMessage"`
-	Logo             string                `json:"logo"`
-	Tags             []string              `json:"tags"`
-	Version          string                `json:"version"`
-	NSFW             bool                  `json:"nsfw"`
-	ExtraPageContent string                `json:"extraPageContent"`
-	StreamTitle      string                `json:"streamTitle"` // What's going on with the current stream
-	SocialHandles    []models.SocialHandle `json:"socialHandles"`
-	CustomStyles     string                `json:"customStyles"`
+	Name                string                `json:"name"`
+	Summary             string                `json:"summary"`
+	WelcomeMessage      string                `json:"welcomeMessage"`
+	OfflineMessage      string                `json:"offlineMessage"`
+	Logo                string                `json:"logo"`
+	Tags                []string              `json:"tags"`
+	Version             string                `json:"version"`
+	NSFW                bool                  `json:"nsfw"`
+	ExtraPageContent    string                `json:"extraPageContent"`
+	StreamTitle         string                `json:"streamTitle"` // What's going on with the current stream
+	SocialHandles       []models.SocialHandle `json:"socialHandles"`
+	CustomStyles        string                `json:"customStyles"`
+	AppearanceVariables map[string]string     `json:"appearanceVariables"`
 }
 
 type yp struct {

controllers/config.go

@@ -30,6 +30,7 @@ type webConfigResponse struct {
 	ChatDisabled         bool                         `json:"chatDisabled"`
 	ExternalActions      []models.ExternalAction      `json:"externalActions"`
 	CustomStyles         string                       `json:"customStyles"`
+	AppearanceVariables  map[string]string            `json:"appearanceVariables"`
 	MaxSocketPayloadSize int                          `json:"maxSocketPayloadSize"`
 	Federation           federationConfigResponse     `json:"federation"`
 	Notifications        notificationsConfigResponse  `json:"notifications"`
@@ -133,6 +134,7 @@ func getConfigResponse() webConfigResponse {
 		Federation:           federationResponse,
 		Notifications:        notificationsResponse,
 		Authentication:       authenticationResponse,
+		AppearanceVariables:  data.GetCustomColorVariableValues(),
 	}
 }