Visual Studio Code で、colorオブジェクトに型の補完が欲しい.

Question

前提・実現したいこと

Visual Studio Code で， 以下の制約を満たす color.ts を作成したい。

質問

colorオブジェクトに型の補完を実現しながら、別ファイルからは、オブジェクトリテラル型に見える方法はありますか？
または、JSDocとかでcolorの型補完を実現する方法はありますか？

ある場合、TypeSript Playgroundにサンプル例をお願いします。　m(_ _)m
または、代替案や改善案などがあれば助かります。

制約

• colorオブジェクトにColorの型補完(300, 'default', ...)
• 可能な限り、Color型を変更不可
• config.tsを変更不可

発生している問題・エラーメッセージ

Visual Studio Code で、color.ts の colorオブジェクトに型の補完がない。(colorオブジェクトの中身を間違えたときにコンパイルエラーが発生しない)

該当のソースコード

color.ts他 | TypeSctipt Playground

// test.ts (for assert type)
// FYI: https://qiita.com/kgtkr/items/2a8290d1b1314063a524
export type TypeEq<A, B> = (<T>() => T extends A ? 1 : 2) extends (<
  T
>() => T extends B ? 1 : 2)
  ? true
  : false

export function assertType<_T extends true>() {}
export function assertNotType<_T extends false>() {}

// color.ts
// export const color: Color = {
export const color = {
    black: {
        // TODO: config.tsの中身を変更せずに、Color('300', ...)型の補完が欲しい!!
        '100': '#595959',
        '200': '#404040',
        '400': '#383838',
        '600': '#2e2e2e',
        '800': '#262626',
        '900': '#0d0d0d',
        default: '#333333',
    },
    white: {
        '100': '#fff',
        '400': '#f9fafb',
        '600': '#edeff2',
        '800': '#e4e7ec',
        '900': '#c7ccd6',
        default: '#f4f5f7',
    },
}

export type Color = {
    [color in string]: Partial<{
        [num in Numbers]: string;
    }>
}

type Numbers = 
  | '100'
  | '200'
  | '300'
  | '400'
  | '500'
  | '600'
  | '700'
  | '800'
  | '900'
  | 'default';

// config.ts
// import { colors } from './color.ts';
// import { assertType } from './test.ts';

type ExpectedColor = {
    black: {
        '100': string;
        '200': string;
        '400': string;
        '600': string;
        '800': string;
        '900': string;
        default: string;
    };
    white: {
        '100': string;
        '400': string;
        '600': string;
        '800': string;
        '900': string;
        default: string;
    };
}

// TODO: color type should be ExpectedColor
assertType<TypeEq<typeof color, ExpectedColor>>()

export const config: Config = {
    dark: {
        background: color.black.default,
        foreground: color.white.default,
    },
    light: {
        background: color.white[800],
        foreground: color.black[600],
    }
}

type Config = {
    [theme in 'dark' | 'light']: {
        background: string;
        foreground: string;
    }
}

試したこと

1. color.tsのconst color = {とした。制約1を満たさない。
2. ColorのPartialを外した。assertType<TypeEq<typeof color, ExpectedColor>>()を満たさない。
3. color.tsの// export const color: Color = { のコメントを外した。制約3を満たさない。

質問(再掲)

colorオブジェクトに型の補完を実現しながら、別ファイルからは、オブジェクトリテラル型に見える方法はありますか？
または、JSDocとかでcolorの型補完を実現する方法はありますか？
ある場合、TypeSript Playgroundにサンプル例をお願いします。　m(_ _)m

補足情報（FW/ツールのバージョンなど）

• TypeSript Playground