TrulyMEM-TrueHumanMEM/graph_memory_tui/styles/components.css

/* Component Styles for Graph Memory TUI */

/* Config Section */
ConfigSection {
    background: $surface;
    padding: 1;
    margin: 1;
}

ConfigSection .config-title {
    color: $primary;
    text-style: bold;
    margin: 1;
}

ConfigSection .config-label {
    color: $text;
    margin: 1 0 0 0;
}

ConfigSection .config-hint {
    color: $text-muted;
    text-style: italic;
    margin: 1 0 0 0;
}

ConfigSection Input {
    width: 1fr;
    margin: 0 0 1 0;
    background: $surface-lighten-1;
    border: solid $primary;
    color: $text;
}

ConfigSection Input:focus {
    border: double $primary;
    background: $surface-lighten-2;
}

/* Input Box */
InputBox {
    background: $surface;
    padding: 1;
    height: auto;
}

InputBox Input {
    width: 1fr;
    background: $surface;
    color: $text;
    border: solid $primary;
    padding: 1;
}

InputBox Input:focus {
    border: double $accent;
    background: $surface-lighten-1;
}

/* Other Components */
OperationLog {
    background: $surface-darken-1;
    height: 1fr;
    margin: 1;
}

CypherQueryBox {
    border: solid green;
    margin: 1;
}

MessageHistory {
    height: 1fr;
    margin: 1;
}