plugsy / core

A simple, pluggable dashboard and status page
161 stars 4 forks source link

Theming Background Colour #40

Open ma-karai opened 2 years ago

ma-karai commented 2 years ago

It appears to be a very small issue with the BG when theming. Only the active part gets the BG colour applied to

image

Inlustra commented 2 years ago

@ma-karai Can you post the config you used for this? I'll try and debug

ma-karai commented 2 years ago
{
  "$schema": "./server/config-schema.json",
  "agent": {
    "endpoint": "http://192.168.0.30:3000/graphql"
  },
  "loggingLevel": "verbose",
  "theme": {
    "colors": {
      "GREEN": "#ffffff",
      "RED": "#ff0000",
      "YELLOW": "#f1fa8c",
      "GREY": "#6272a4"
    },
    "components": {
      "Category": {
        "Title": {
          "color": "#f8f8f2"
        }
      },
      "Item": {
        "Small": {
          "color": "#bd93f9"
        },
        "Text": {
          "color": "#f8f8f2"
        },
        "Container": {
          "background": "#44475a",
          "boxShadow": "none"
        },
        "PopoverContainer": {
          "background": "#44475a",
          "boxShadow": "none"
        },
        "Separator": { 
          "backgroundColor": "#282a36"
        },
        "Muted": {
          "color": "#6272a4"
        },
        "Icon": {
          "color": "#f8f8f2"
        },
        "ExternalLinkContainer": {
          "color": "#f8f8f2"
        },
        "ExternalLinkContainerColumn": {
          "color": "#f8f8f2"
        }
      },
      "StatusBox": {
        "Container": {
          "background": "#44475a",
          "boxShadow": "none"
        },
        "Text": {
          "color": "#f8f8f2"
        },
        "Title": {
          "color": "#f8f8f2"
        }
      },
      "ConnectionStatus": {
        "ConnectionStatusId": {
          "color": "#f8f8f2"
        }
      }
    },
    "pages": {
      "Home": {
        "AppContainer": {
          "background": "#282a36"
        }
      }
    }
  },
  "connectors": [
    {
      "type": "DOCKER",
      "config": {
        "containerMap": {
          "dockerdash-core": {
            "category": "Home",
            "icon": "@styled-icons/boxicons-regular/Crown",
            "name": "Plugsy"
          }
        }
      }
    }
  ]
}

This is my full config, coloring, connecting to my main plugsy. Is there also a way to increase the width of the status indicator?