Peacock (vscode) with THAITONE 2.0

Posted on
development thaitonecolor vscode peacock
thumbnail

จุดประสงค์หลักเพื่อเก็บค่าสีเอาไว้ใช้กับ Peacock extension ของ VS Code Editor

Peacock ทำให้เราเปลี่ยนสีหน้าต่างหรือ interface ของ workspace. ทำให้เราแยกแยะว่าหน้าต่างไหนเป็น workspace ไหนหรือเป็นงานของ project ไหนได้ง่ายมาก. และยังเอาไปใช้กับตัว Remote Development Extension ได้ด้วย ทำให้หน้าต่างที่เป็น remote workspace ก็เปลี่ยนสีได้

สีที่ทีมพัฒนามีมาให้มันน้อยไม่เท่ากับจำนวน workspace ที่แตกต่างกันของเรา และสีไทยโทนสวยดีด้วย

ต้นฉบับค่าสีที่เป็น HEX เอามาจากเวบไซต์คุณปกป้อง ซึ่งอาจจะมีแก้ไขค่าบางตัวภายหลัง

ต้นทางของสีเหล่านี้ THAITONE 2.0 มาจากอ.ไพโรจน์ พิทยเมธี

latest version on github gist

"peacock.favoriteColors": [
    {
      "name": "Tamaw Thaitone",
      "value": "#4DB3BF"
    },
    {
      "name": "Samrit Thaitone",
      "value": "#454536"
    },
    {
      "name": "Champa Thaitone",
      "value": "#F29900"
    },
    {
      "name": "Khab Thaitone",
      "value": "#002E5C"
    },
    {
      "name": "Din Thaitone",
      "value": "#e69573"
    },
    {
      "name": "Khiaomaphood Thaitone",
      "value": "#b3cc00"
    },
    {
      "name": "Namlai Thaitone",
      "value": "#61dac2"
    },
    {
      "name": "Kampooasura Thaitone",
      "value": "#da3000"
    },
    {
      "name": "Khiaopai Thaitone",
      "value": "#6c7745"
    },
    {
      "name": "Krommata Thaitone",
      "value": "#1b2c55"
    },
    {
      "name": "Prai Yellow Thaitone",
      "value": "#ead415"
    },
    {
      "name": "Dang chard Thaitone",
      "value": "#c9242b"
    },
    {
      "name": "Hong chard Thaitone",
      "value": "#cb6669"
    },
    {
      "name": "Din dang Thaitone",
      "value": "#984c36"
    },
    {
      "name": "Nguen Thaitone",
      "value": "#bcc4c1"
    },
    {
      "name": "Lhek Thaitone",
      "value": "#bcbdb8"
    },
    {
      "name": "Dum muek Thaitone",
      "value": "#5a5b60"
    },
    {
      "name": "Nak Thaitone",
      "value": "#cb7371"
    },
    {
      "name": "Morg Thaitone",
      "value": "#dbccb9"
    },
    {
      "name": "Nga chang Thaitone",
      "value": "#fffde0"
    },
    {
      "name": "Khao khab Thaitone",
      "value": "#c1d4ce"
    },
    {
      "name": "Shunk Thaitone",
      "value": "#fff1d0"
    },
    {
      "name": "Nuan chan Thaitone",
      "value": "#dcc169"
    },
    {
        "name":"Rongtong Thaitone",
        "value":"#e8bb1f"
    },
    {
        "name":"Chan Thaitone",
        "value":"#f4d25d"
    }
    ,
    {
        "name":"Horadan Thaitone",
        "value":"#ffde2c"
    }
  ]