antares/src/renderer/scss/_data-types.scss

@mixin type-colors($types) {
  $numbers: ('int','tinyint','smallint','mediumint','float','double','decimal');

  @each $type, $color in $types {
    .type-#{$type} {
      color: $color;

      @if index($numbers, $type) {
        text-align: right;
      }
    }
  }
}

@include type-colors(
  (
    "char": $string-color,
    "varchar": $string-color,
    "text": $string-color,
    "tinytext": $string-color,
    "mediumtext": $string-color,
    "longtext": $string-color,
    "json": $string-color,
    "int": $number-color,
    "tinyint": $number-color,
    "smallint": $number-color,
    "mediumint": $number-color,
    "float": $number-color,
    "double": $number-color,
    "decimal": $number-color,
    "bigint": $number-color,
    "datetime": $date-color,
    "date": $date-color,
    "time": $date-color,
    "year": $date-color,
    "timestamp": $date-color,
    "bit": $bit-color,
    "binary": $blob-color,
    "varbinary": $blob-color,
    "blob": $blob-color,
    "tinyblob": $blob-color,
    "mediumblob": $blob-color,
    "longblob": $blob-color,
    "enum": $enum-color,
    "set": $enum-color,
    "unknown": $unknown-color,
  )
);

.is-null {
  color: $unknown-color;

  &::after {
    content: "NULL";
  }
}