This document lists the colors used in the Monokai Pro theme with the Classic filter. Please check the Monokai Pro website for more informations.
Monokai Pro with Classic filter colors:
| Preview | Hexadecimal | RGB | |
|---|---|---|---|
| Activity Bar Background |  |
#272822 |
(39, 40, 34) |
| Activity Bar Foreground |  |
#f8f8f2 |
(248, 248, 242) |
| Badge Background |  |
#75715e |
(117, 113, 94) |
| Badge Foreground | |
#f8f8f2 |
(248, 248, 242) |
| Button Background | |
#75715e |
(117, 113, 94) |
| Debug Toolbar Background |  |
#1e1f1c |
(30, 31, 28) |
| Diff Editor Inserted Text |  |
#4b661680 |
(75, 102, 104) |
| Diff Editor Removed Text |  |
#90274a70 |
(144, 39, 167) |
| Dropdown Background |  |
#414339 |
(65, 67, 57) |
| Dropdown List Background | |
#1e1f1c |
(30, 31, 28) |
| Editor Background | |
#272822 |
(39, 40, 34) |
| Editor Foreground | |
#f8f8f2 |
(248, 248, 242) |
| Editor Line Highlight |  |
#3e3d32 |
(62, 61, 50) |
| Editor Selection Background |  |
#878b9180 |
(135, 139, 145, 128) |
| Editor Selection Highlight |  |
#575b6180 |
(87, 91, 97, 128) |
| Editor Word Highlight Background |  |
#4a4a7680 |
(74, 74, 118, 128) |
| Editor Word Highlight Strong Background |  |
#6a6a9680 |
(106, 106, 150, 128) |
| Editor Cursor Foreground |  |
#f8f8f0 |
(248, 248, 240) |
| Editor Group Border |  |
#34352f |
(52, 53, 47) |
| Editor Group Drop Background |  |
#41433980 |
(65, 67, 57, 128) |
| Editor Group Header Tabs Background | |
#1e1f1c |
(30, 31, 28) |
| Editor Hover Widget Background | |
#414339 |
(65, 67, 57) |
| Editor Hover Widget Border | |
#75715e |
(117, 113, 94) |
| Editor Indent Guide Active Background |  |
#767771 |
(118, 119, 113) |
| Editor Indent Guide Background |  |
#464741 |
(70, 71, 65) |
| Editor Line Number Active Foreground |  |
#c2c2bf |
(194, 194, 191) |
| Editor Line Number Foreground |  |
#90908a |
(144, 144, 138) |
| Editor Suggest Widget Background | |
#272822 |
(39, 40, 34) |
| Editor Suggest Widget Border | |
#75715e |
(117, 113, 94) |
| Editor Whitespace Foreground | |
#464741 |
(70, 71, 65) |
| Editor Widget Background | |
#1e1f1c |
(30, 31, 28) |
| Focus Border |  |
#99947c |
(153, 148, 124) |
| Input Background | |
#414339 |
(65, 67, 57) |
| Input Option Active Border | |
#75715e |
(117, 113, 94) |
| Input Validation Error Background |  |
#90274a |
(144, 39, 74) |
| Input Validation Error Border |  |
#f92672 |
(249, 38, 114) |
| Input Validation Info Background |  |
#546190 |
(84, 97, 144) |
| Input Validation Info Border |  |
#819aff |
(129, 154, 255) |
| Input Validation Warning Background |  |
#848528 |
(132, 133, 40) |
| Input Validation Warning Border |  |
#e2e22e |
(226, 226, 46) |
| List Active Selection Background | |
#75715e |
(117, 113, 94) |
| List Drop Background | |
#414339 |
(65, 67, 57) |
| List Highlight Foreground | |
#f8f8f2 |
(248, 248, 242) |
| List Hover Background | |
#3e3d32 |
(62, 61, 50) |
| List Inactive Selection Background | |
#414339 |
(65, 67, 57) |
| Menu Background | |
#1e1f1c |
(30, 31, 28) |
| Menu Foreground |  |
#cccccc |
(204, 204, 204) |
| Minimap Selection Highlight | |
#878b9180 |
(135, 139, 145, 128) |
| Panel Border | |
#414339 |
(65, 67, 57) |
| Panel Title Active Border | |
#75715e |
(117, 113, 94) |
| Panel Title Active Foreground | |
#f8f8f2 |
(248, 248, 242) |
| Panel Title Inactive Foreground | |
#75715e |
(117, 113, 94) |
| Peek View Border | |
#75715e |
(117, 113, 94) |
| Peek View Editor Background | |
#272822 |
(39, 40, 34) |
| Peek View Editor Match Highlight Background | |
#75715e |
(117, 113, 94) |
| Peek View Result Background | |
#1e1f1c |
(30, 31, 28) |
| Peek View Result Match Highlight Background | |
#75715e |
(117, 113, 94) |
| Peek View Result Selection Background | |
#414339 |
(65, 67, 57) |
| Peek View Title Background | |
#1e1f1c |
(30, 31, 28) |
| Picker Group Foreground | |
#75715e |
(117, 113, 94) |
| Ports Icon Running Process Foreground | |
#cccccc |
(204, 204, 204) |
| Progress Bar Background | |
#75715e |
(117, 113, 94) |
| Quick Input List Focus Background | |
#414339 |
(65, 67, 57) |
| Selection Background | |
#878b9180 |
(135, 139, 145, 128) |
| Settings Focused Row Background |  |
#4143395a |
(65, 67, 57, 90) |
| SideBar Background | |
#1e1f1c |
(30, 31, 28) |
| SideBar Section Header Background | |
#272822 |
(39, 40, 34) |
| StatusBar Background | |
#414339 |
(65, 67, 57) |
| StatusBar Debugging Background | |
#75715e |
(117, 113, 94) |
| StatusBar NoFolder Background | |
#414339 |
(65, 67, 57) |
| StatusBarItem Remote Background |  |
#ac6218 |
(172, 98, 24) |
| Tab Border | |
#1e1f1c |
(30, 31, 28) |
| Tab Inactive Background | |
#34352f |
(52, 53, 47) |
| Tab Inactive Foreground | |
#cccccc |
(204, 204, 204) |
| Tab Last Pinned Border | |
#414339 |
(65, 67, 57) |
| Terminal ANSI Black |  |
#333333 |
(51, 51, 51) |
| Terminal ANSI Blue |  |
#6a7ec8 |
(106, 126, 200) |
| Terminal ANSI Bright Black |  |
#666666 |
(102, 102, 102) |
| Terminal ANSI Bright Blue | |
#819aff |
(129, 154, 255) |
| Terminal ANSI Bright Cyan |  |
#66d9ef |
(102, 217, 239) |
| Terminal ANSI Bright Green |  |
#a6e22e |
(166, 226, 46) |
| Terminal ANSI Bright Magenta |  |
#ae81ff |
(174, 129, 255) |
| Terminal ANSI Bright Red | |
#f92672 |
(249, 38, 114) |
| Terminal ANSI Bright White | |
#f8f8f2 |
(248, 248, 242) |
| Terminal ANSI Bright Yellow | |
#e2e22e |
(226, 226, 46) |
| Terminal ANSI Cyan |  |
#56adbc |
(86, 173, 188) |
| Terminal ANSI Green |  |
#86b42b |
(134, 180, 43) |
| Terminal ANSI Magenta |  |
#8c6bc8 |
(140, 107, 200) |
| Terminal ANSI Red |  |
#c4265e |
(196, 38, 94) |
| Terminal ANSI White |  |
#e3e3dd |
(227, 227, 221) |
| Terminal ANSI Yellow |  |
#b3b42b |
(179, 180, 43) |
| TitleBar Active Background | |
#1e1f1c |
(30, 31, 28) |
| Status Bar Debugging Background | |
#75715e |
(117, 113, 94) |
| Status Bar No Folder Background | |
#414339 |
(65, 67, 57) |
| Status Bar Item Remote Background | |
#ac6218 |
(172, 98, 24) |
| Tab Border | |
#1e1f1c |
(30, 31, 28) |
| Tab Inactive Background | |
#34352f |
(52, 53, 47) |
| Tab Inactive Foreground | |
#cccccc |
(204, 204, 204) |
| Tab Last Pinned Border | |
#414339 |
(65, 67, 57) |
| TitleBar Active Background | |
#1e1f1c |
(30, 31, 28) |
| Widget Shadow |  |
#00000098 |
(0, 0, 0, 152) |