├── captures ├── gasomo.png ├── zenburn.png ├── solarized_light.png └── PreviewCapture.vl ├── cheatsheet ├── gamma_css_cheatsheet.ai └── gamma_css_cheatsheet.pdf ├── LICENSE ├── README.md └── themes ├── zenburn.css ├── solarized_light.css └── gasomo.css /captures/gasomo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sebescudie/GammaThemes/HEAD/captures/gasomo.png -------------------------------------------------------------------------------- /captures/zenburn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sebescudie/GammaThemes/HEAD/captures/zenburn.png -------------------------------------------------------------------------------- /captures/solarized_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sebescudie/GammaThemes/HEAD/captures/solarized_light.png -------------------------------------------------------------------------------- /cheatsheet/gamma_css_cheatsheet.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sebescudie/GammaThemes/HEAD/cheatsheet/gamma_css_cheatsheet.ai -------------------------------------------------------------------------------- /cheatsheet/gamma_css_cheatsheet.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sebescudie/GammaThemes/HEAD/cheatsheet/gamma_css_cheatsheet.pdf -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 sebescudie 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # GammaThemes 2 | CSS themes for vvvv gamma 3 | 4 | ## Was ist das 5 | This repo will gather CSS stylesheets for vvvv gamma. 6 | 7 | ## Usage 8 | ``` 9 | This is still a WIP, stylesheet are not uploaded to the release section yet. For now, you'll have to download or clone the repo. 10 | ``` 11 | Download the stylesheets from the release section and paste them in `Program Files\vvvv\vvvv_gamma_YYYY.N.N\lib\Stylesheets`. Then, edit the `Stylesheet` property of gamma's config file with the stylesheet you wanna use 12 | 13 | ## Themes 14 | 15 | ### In progress 16 | - Solarized Light 17 | - Zenburn 18 | - GaSoMo 19 | - ( __Ga__ mmaTheme inspired by __So__ larized Dark and __Mo__ nokai ) 20 | 21 | ### Planed 22 | - Solarized Dark 23 | - Dracula 24 | - Might be tough since the color palette is actually pretty limited 25 | 26 | ### Sources 27 | - [Solarized](https://en.wikipedia.org/wiki/Solarized_(color_scheme)) 28 | - [Dracula](https://github.com/dracula/dracula-theme) 29 | - [Zenburn](danson.grafidog.com/2010/10/zenburn-color-chart.html) 30 | 31 | ## Screenshots 32 | 33 | ### Zenburn 34 | ![Zenburn](captures/zenburn.png) 35 | 36 | ### Solarized Light 37 | ![Solarized Light](captures/solarized_light.png) 38 | 39 | ### GaSoMo 40 | ![Grey Highlight](captures/gasomo.png) -------------------------------------------------------------------------------- /themes/zenburn.css: -------------------------------------------------------------------------------- 1 | /* 2 | Supported attributes: 3 | - fill 4 | - fill-opacity 5 | 6 | - stroke 7 | - stroke-opacity 8 | - stroke-witdh 9 | 10 | - font-style 11 | */ 12 | 13 | /*elements*/ 14 | .quad { fill: #5b605e } 15 | .patch { fill: #4f4f4f; } 16 | .patch-paused { fill: #5b605e; } 17 | .patch-definition { fill: #b2b2a0; } 18 | .selection { fill-opacity: 0.3; } 19 | 20 | .node { fill: #5b605e; } 21 | .node-selected { fill: #b2b2a0; } 22 | .pinbar { fill: #9fafaf; } 23 | 24 | .region { fill: #80d4aa; fill-opacity: 0.050; } 25 | .region2 { fill: #ccdc90; fill-opacity: 0.250; } 26 | .region-outline { fill-opacity: 1; fill: #9fafaf; stroke: #a0afa0; stroke-width:5; } 27 | 28 | .frame-icons { fill: #fdf6e3; } 29 | .frame-selected { fill: #586e75; } 30 | .frame-viewspace { fill-opacity: 0; stroke: #657b83; stroke-width: 2; } 31 | .frame0 { fill: #bc6c4c; fill-opacity: 0.33; } 32 | .frame1 { fill: #bc6c9c; fill-opacity: 0.33; } 33 | .frame2 { fill: #cbecd0; fill-opacity: 0.33; } 34 | .frame3 { fill: #efef8f; fill-opacity: 0.33; } 35 | .frame4 { fill: #dfdfdf; fill-opacity: 0.33; } 36 | .frame5 { fill: #e89393; fill-opacity: 0.33; } 37 | .frame6 { fill: #f18c96; fill-opacity: 0.33; } 38 | .frame7 { fill: #ffffe0; fill-opacity: 0.33; } 39 | .frame8 { fill: #8cd0d3; fill-opacity: 0.33; } 40 | .frame9 { fill: #80d4aa; fill-opacity: 0.33; } 41 | .frame10 { fill: #93b3a3; stroke: #586e75; } 42 | .frame11 { fill: #002b36; fill-opacity: 0; stroke: #073642; stroke-width: 2;} 43 | 44 | .canvas-label { fill-opacity: 0; stroke: #9fafaf; stroke-width: 2; } 45 | .canvas-label-selected { fill-opacity: 0; stroke: #a0afa0; stroke-width: 2; } 46 | 47 | .datahub { fill: #b2b2a0; stroke-width: 2; } 48 | 49 | .iobox-on { fill: #d0d0a0;} 50 | .iobox-off { fill-opacity: 0; stroke: #4f4f4f; stroke-width: 1;} 51 | 52 | .comment { fill-opacity: 0; } 53 | .comment-hovered { fill: #93a1a1; stroke: #657b83; fill-opacity: 0; stroke-width: 1.5; } 54 | 55 | .control { fill: #9fafaf; } 56 | .control-hovered { fill: #a0afa0; } 57 | .control-selected { fill: #b2b2a0; } 58 | .control-pressed { fill: #b6bf98; } 59 | .control-disabled { fill: #efefef; } 60 | 61 | .symbolbrowser { fill: #8f8f8f; fill-opacity: 0.9 } 62 | .symbolbrowser-madechoices { fill: #E4E4E4; } 63 | .symbolbrowser-hovered { fill: #839496 } 64 | .symbolbrowser-selected { stroke: #A9A9A9 } 65 | .symbolbrowser-checked { fill: #657b83; } 66 | .symbolbrowser-font { fill: #fdf6e3; } 67 | 68 | .finder-result { fill: #f8f893; fill-opacity: 0.65; } 69 | .finder-results { fill: #f8f893; fill-opacity: 0.20; } 70 | 71 | .indicator { fill: #8cd0d3; } 72 | .shadow { fill: #6c6c9c; } 73 | 74 | /* operations */ 75 | .create { fill: #FFFFFF; } 76 | .update { fill: #9f9f9f; } 77 | .dispose { fill: #600404; } 78 | .operation0 { fill: #cbecd0; } 79 | .operation1 { fill: #efef8f; } 80 | .operation2 { fill: #c0bed1; } 81 | .operation3 { fill: #e89393; } 82 | .operation4 { fill: #80d4aa; } 83 | .operation5 { fill: #e3ceab; } 84 | .operation6 { fill: #f18c96; } 85 | .operation7 { fill: #6c6c9c; } 86 | .operation8 { fill: #b6bf98; } 87 | .operation9 { fill: #ffffe0; } 88 | 89 | .light { fill-opacity: 0.5; } 90 | 91 | /*optional*/ 92 | .typeannotation { fill: #dcdccc; stroke: #7cac7c; stroke-width: 0.5; } 93 | 94 | /* fonts */ 95 | .font { fill: #dfdfbf; } 96 | .type-font { fill: #dfdfdf; } 97 | .tooltip-font { fill: #fdf6e3; } 98 | .tooltip-level2-font { fill: #5b605e; } 99 | .tooltip-level3-font { fill: #eee8d5; } 100 | .large-font { fill: #dfdfbf; } 101 | .comment-font { fill: #bc6c9c; font-style: italic; } 102 | .control-font { fill: #dfdfbf; } 103 | .link-font { fill: #8cd0d3; font-style: underline; } 104 | .node-font { fill: #dfdfbf; } 105 | .datahub-font { fill: #dfdfbf; } 106 | 107 | /* 108 | .tab-font { fill: #073642; } 109 | .region-font { fill: #000000; } 110 | .signature-font { fill: #000000; } 111 | .constant-font { fill: #000000; } 112 | .frame-font-small { fill: #000000; } 113 | .canvas-label-font { fill: #000000; } 114 | .definition-font { fill: #000000; } 115 | .explorer-font { fill: #000000; } 116 | .frameicons-font { fill-opacity: 0.5; } 117 | .frame-font { fill: #555555; } 118 | */ 119 | 120 | /*options 121 | .error - makes stroke red 122 | .warning - makes stroke orange 123 | .unused - make fill and stroke transparent 124 | .generic - makes fill transparent=0, stroke=1 125 | .accepted - make stroke green 126 | .force-accepted - make stroke orange 127 | .committing - make stroke yellow 128 | */ 129 | 130 | .hint { stroke: #268bd2; } 131 | .warning { stroke: #b58900; stroke-opacity: 0.7; } 132 | .error { stroke: #dc322f; stroke-opacity: 1; } 133 | .runtimeerror { stroke: #d33682; stroke-opacity: 1; stroke-width: 2; } 134 | 135 | .not-executed { fill: #000000; fill-opacity: 0.45 } 136 | .not-executed-link { stroke: #000000; stroke-opacity: 0.45; } 137 | 138 | /* Deep the opacity as low as region background, otherwise unfocused regions will look darker than when focused. */ 139 | .unused { fill-opacity: 0.3; stroke-opacity: 0.3; } 140 | .generic { fill-opacity: 0; stroke-opacity: 1; } 141 | .accepted { fill-opacity: 0.5; stroke: #2aa198; stroke-opacity: 1; stroke-width: 2; } 142 | .force-accepted { stroke-opacity: 1; stroke-width: 2 } 143 | .committing { fill-opacity: 0.5; stroke: #859900; stroke-opacity: 1; stroke-width: 2; } 144 | 145 | /*libraries*/ 146 | .renderer { fill: #000000; } 147 | 148 | /*helpbrowser*/ 149 | .helpbrowser-general-text {fill: #000000; } 150 | .helpbrowser-general-default {fill: #666666; } 151 | .helpbrowser-general-hover {fill: #333333; } 152 | .helpbrowser-general-active {fill: #de9800; } 153 | .helpbrowser-general-button {fill: #555555; } 154 | .helpbrowser-general-button-hover {fill: #de9800; } 155 | .helpbrowser-general-button-text {fill: #ffffff; } 156 | .helpbrowser-general-scroll {fill: #999999; } 157 | .helpbrowser-general-mediatype { fill: #777777; } 158 | .helpbrowser-general-tooltip-background { fill: #ffffff } 159 | .helpbrowser-general-tooltip-text { fill: #000000 } 160 | .helpbrowser-search-cursor {fill: #000000; } 161 | .helpbrowser-search-text {fill: #666666; } 162 | .helpbrowser-search-selection {fill: #de9800; } 163 | .helpbrowser-search-shadow { fill: #bbbbbb; } 164 | .helpbrowser-search-background {fill: #ffffff; } 165 | .helpbrowser-search-clear {fill: #888888; } 166 | .helpbrowser-search-clear-hover {fill: #de9800; } 167 | .helpbrowser-background { fill: #ffffff; } 168 | .helpbrowser-iconIdle { fill: #de9800; } 169 | .helpbrowser-iconActive { stroke: #000000; } 170 | .helpbrowser-underlineColor { stroke: #41befb; } 171 | .helpbrowser-headline { fill: #000000; } 172 | .helpbrowser-folder { fill: #000000; } 173 | .helpbrowser-description { fill: #888888; } 174 | .helpbrowser-subfolder { fill: #555555; } 175 | .helpbrowser-text { fill: #222222; } 176 | .helpbrowser-topbar-bg { fill: #dfdfdf; } 177 | .helpbrowser-topbar-shadow { fill: #aaaaaa; } 178 | .helpbrowser-toc-headline { fill: #000000; } 179 | .helpbrowser-toc-pack-highlight { fill: #41befb; } 180 | .helpbrowser-howTo-highlight { fill: #41befb; } 181 | .helpbrowser-highlight { fill: #c8eafb; } 182 | .helpbrowser-highlightShadow { fill: #ffffff; } 183 | .helpbrowser-shortcuts-keyFill { fill: #888888; } 184 | .helpbrowser-shortcuts-keyShadow { fill: #999999; } 185 | .helpbrowser-shortcuts-keyText { fill: #ffffff; } 186 | .helpbrowser-shortcuts-separator { stroke: #dddddd; } 187 | .helpbrowser-shortcuts-action { fill: #000000; } 188 | .helpbrowser-shortcuts-description { fill: #444444; } 189 | .helpbworser-navi-fill {fill: #dfdfdf; } 190 | .helpbworser-navi-fill-hover {fill: #dddddd; } 191 | .helpbworser-navi-fill-active {fill: #ffffff; } 192 | .helpbworser-navi-text {fill: #888888; } 193 | .helpbworser-navi-text-hover {fill: #111111; } 194 | .helpbworser-navi-text-active {fill: #000000; } 195 | .helpbworser-navi-shadow {fill: #aaaaaa; } 196 | .helpbworser-subnavi-underline {fill: #eeeeee;} 197 | .helpbworser-subnavi-underline-hover {fill: #000000;} 198 | .helpbworser-subnavi-underline-active {fill: #de9800;} 199 | .helpbworser-subnavi-text {fill: #777777;} 200 | .helpbworser-subnavi-text-hover {fill: #333333;} 201 | .helpbworser-subnavi-text-active {fill: #000000;} 202 | .helpbrowser-gettingstarted-list-headline {fill: #555555; } 203 | .helpbrowser-gettingstarted-list-item-title {fill: #666666;} 204 | .helpbrowser-gettingstarted-list-item-desc {fill: #aaaaaa;} 205 | .helpbrowser-gettingstarted-list-seemore-hover {fill: #c8eafb;} 206 | .helpbrowser-gettingstarted-list-seemore-text {fill: #000000;} 207 | .helpbrowser-gettingstarted-exploredoc-shadow {fill: #dfdfdf;} 208 | .helpbrowser-gettingstarted-exploredoc-stroke-hover {fill: #aaaaaa;} 209 | .helpbrowser-newsletter-field { fill: #dfdfdf; } 210 | .helpbrowser-newsletter-field-hover { fill: #dfdfdf; } 211 | .helpbrowser-newsletter-pinwheel { stroke: #000000; } 212 | .helpbrowser-newsletter-success { fill: #7bb500; } 213 | .helpbrowser-newsletter-error { fill: #ff3d00; } 214 | .helpbrowser-nodeview-backgr { fill: #eeeeee; } 215 | .helpbrowser-nodeview-nodename { fill: #000000; } 216 | .helpbrowser-type-color1 { fill: #0ED38C; } 217 | .helpbrowser-type-color2 { fill: #FFAE63; } 218 | .helpbrowser-type-color3 { fill: #8C8C8C; } 219 | .helpbrowser-type-color4 { fill: #FF6573; } 220 | .helpbrowser-type-color5 { fill: #4CCAFF; } -------------------------------------------------------------------------------- /themes/solarized_light.css: -------------------------------------------------------------------------------- 1 | /* 2 | Supported attributes: 3 | - fill 4 | - fill-opacity 5 | 6 | - stroke 7 | - stroke-opacity 8 | - stroke-witdh 9 | 10 | - font-style 11 | */ 12 | 13 | /*elements*/ 14 | .quad { fill: #073642 } 15 | .patch { fill: #fdf6e3; } 16 | .patch-paused { fill: #eee8d5; } 17 | .patch-definition { fill: #eee8d5; } 18 | .selection { fill-opacity: 0.3; } 19 | 20 | .node { fill: #657b83; } 21 | .node-selected { fill: #586e75; } 22 | .pinbar { fill: #586e75; } 23 | 24 | .region { fill: #586e75; fill-opacity: 0.050; } 25 | .region2 { fill: #93a1a1; fill-opacity: 0.250; } 26 | .region-outline { fill-opacity: 1; fill: #839496; stroke: #93a1a1; stroke-width:5; } 27 | 28 | .frame-icons { fill: #fdf6e3; } 29 | .frame-selected { fill: #586e75; } 30 | .frame-viewspace { fill-opacity: 0; stroke: #657b83; stroke-width: 2; } 31 | .frame0 { fill: #839496; fill-opacity: 0.33; } 32 | .frame1 { fill: #93a1a1; fill-opacity: 0.33; } 33 | .frame2 { fill: #b58900; fill-opacity: 0.33; } 34 | .frame3 { fill: #cb4b16; fill-opacity: 0.33; } 35 | .frame4 { fill: #dc322f; fill-opacity: 0.33; } 36 | .frame5 { fill: #d33682; fill-opacity: 0.33; } 37 | .frame6 { fill: #6c71c4; fill-opacity: 0.33; } 38 | .frame7 { fill: #268bd2; fill-opacity: 0.33; } 39 | .frame8 { fill: #2aa198; fill-opacity: 0.33; } 40 | .frame9 { fill: #859900; fill-opacity: 0.33; } 41 | .frame10 { fill: #657b83; stroke: #586e75; } 42 | .frame11 { fill: #002b36; fill-opacity: 0; stroke: #073642; stroke-width: 2;} 43 | 44 | .canvas-label { fill-opacity: 0; stroke: #839496; stroke-width: 2; } 45 | .canvas-label-selected { fill-opacity: 0; stroke: #657b83; stroke-width: 2; } 46 | 47 | .datahub { fill: #586e75; stroke-width: 2; } 48 | 49 | .iobox-on { fill: #eee8d5;} 50 | .iobox-off { fill-opacity: 0; stroke: #839496; stroke-width: 1;} 51 | 52 | .comment { fill-opacity: 0; } 53 | .comment-hovered { fill: #93a1a1; stroke: #657b83; fill-opacity: 0; stroke-width: 1.5; } 54 | 55 | .control { fill: #93a1a1; } 56 | .control-hovered { fill: #839496; } 57 | .control-selected { fill: #073642; } 58 | .control-pressed { fill: #BEBEBE; } 59 | .control-disabled { fill: #D3D3D3; } 60 | 61 | .symbolbrowser { fill: #93a1a1; fill-opacity: 0.9 } 62 | .symbolbrowser-madechoices { fill: #E4E4E4; } 63 | .symbolbrowser-hovered { fill: #839496 } 64 | .symbolbrowser-selected { stroke: #A9A9A9 } 65 | .symbolbrowser-checked { fill: #657b83; } 66 | .symbolbrowser-font { fill: #fdf6e3; } 67 | 68 | .finder-result { fill: #859900; fill-opacity: 0.65; } 69 | .finder-results { fill: #859900; fill-opacity: 0.20; } 70 | 71 | .indicator { fill: #dc322f; } 72 | .shadow { fill: #586e75; } 73 | 74 | /* operations */ 75 | .create { fill: #FFFFFF; } 76 | .update { fill: #93a1a1; } 77 | .dispose { fill: #600404; } 78 | .operation0 { fill: #b58900; } 79 | .operation1 { fill: #cb4b16; } 80 | .operation2 { fill: #dc322f; } 81 | .operation3 { fill: #d33682; } 82 | .operation4 { fill: #6c71c4; } 83 | .operation5 { fill: #268bd2; } 84 | .operation6 { fill: #2aa198; } 85 | .operation7 { fill: #31D050; } 86 | .operation8 { fill: #859900; } 87 | .operation9 { fill: #444CBC; } 88 | 89 | .light { fill-opacity: 0.5; } 90 | 91 | /*optional*/ 92 | .typeannotation { fill: #eee8d5; stroke: #93a1a1; stroke-width: 0.5; } 93 | 94 | /* fonts */ 95 | .font { fill: #fdf6e3; } 96 | .type-font { fill: #eee8d5; } 97 | .tooltip-font { fill: #fdf6e3; } 98 | .tooltip-level2-font { fill: #6F6F6F; } 99 | .tooltip-level3-font { fill: #eee8d5; } 100 | .large-font { fill: #fdf6e3; } 101 | .comment-font { fill: #dc322f; font-style: italic; } 102 | .control-font { fill: #073642; } 103 | .link-font { fill: #268bd2; font-style: underline; } 104 | .node-font { fill: #fdf6e3; } 105 | .datahub-font { fill: #073642; } 106 | 107 | /* 108 | .tab-font { fill: #073642; } 109 | .region-font { fill: #000000; } 110 | .signature-font { fill: #000000; } 111 | .constant-font { fill: #000000; } 112 | .frame-font-small { fill: #000000; } 113 | .canvas-label-font { fill: #000000; } 114 | .definition-font { fill: #000000; } 115 | .explorer-font { fill: #000000; } 116 | .frameicons-font { fill-opacity: 0.5; } 117 | .frame-font { fill: #555555; } 118 | */ 119 | 120 | /*options 121 | .error - makes stroke red 122 | .warning - makes stroke orange 123 | .unused - make fill and stroke transparent 124 | .generic - makes fill transparent=0, stroke=1 125 | .accepted - make stroke green 126 | .force-accepted - make stroke orange 127 | .committing - make stroke yellow 128 | */ 129 | 130 | .hint { stroke: #268bd2; } 131 | .warning { stroke: #b58900; stroke-opacity: 0.7; } 132 | .error { stroke: #dc322f; stroke-opacity: 1; } 133 | .runtimeerror { stroke: #d33682; stroke-opacity: 1; stroke-width: 2; } 134 | 135 | .not-executed { fill: #000000; fill-opacity: 0.45 } 136 | .not-executed-link { stroke: #000000; stroke-opacity: 0.45; } 137 | 138 | /* Deep the opacity as low as region background, otherwise unfocused regions will look darker than when focused. */ 139 | .unused { fill-opacity: 0.3; stroke-opacity: 0.3; } 140 | .generic { fill-opacity: 0; stroke-opacity: 1; } 141 | .accepted { fill-opacity: 0.5; stroke: #2aa198; stroke-opacity: 1; stroke-width: 2; } 142 | .force-accepted { stroke-opacity: 1; stroke-width: 2 } 143 | .committing { fill-opacity: 0.5; stroke: #859900; stroke-opacity: 1; stroke-width: 2; } 144 | 145 | /*libraries*/ 146 | .renderer { fill: #000000; } 147 | 148 | /*helpbrowser*/ 149 | .helpbrowser-general-text {fill: #000000; } 150 | .helpbrowser-general-default {fill: #666666; } 151 | .helpbrowser-general-hover {fill: #333333; } 152 | .helpbrowser-general-active {fill: #de9800; } 153 | .helpbrowser-general-button {fill: #555555; } 154 | .helpbrowser-general-button-hover {fill: #de9800; } 155 | .helpbrowser-general-button-text {fill: #ffffff; } 156 | .helpbrowser-general-scroll {fill: #999999; } 157 | .helpbrowser-general-mediatype { fill: #777777; } 158 | .helpbrowser-general-tooltip-background { fill: #ffffff } 159 | .helpbrowser-general-tooltip-text { fill: #000000 } 160 | .helpbrowser-search-cursor {fill: #000000; } 161 | .helpbrowser-search-text {fill: #666666; } 162 | .helpbrowser-search-selection {fill: #de9800; } 163 | .helpbrowser-search-shadow { fill: #bbbbbb; } 164 | .helpbrowser-search-background {fill: #ffffff; } 165 | .helpbrowser-search-clear {fill: #888888; } 166 | .helpbrowser-search-clear-hover {fill: #de9800; } 167 | .helpbrowser-background { fill: #ffffff; } 168 | .helpbrowser-iconIdle { fill: #de9800; } 169 | .helpbrowser-iconActive { stroke: #000000; } 170 | .helpbrowser-underlineColor { stroke: #41befb; } 171 | .helpbrowser-headline { fill: #000000; } 172 | .helpbrowser-folder { fill: #000000; } 173 | .helpbrowser-description { fill: #888888; } 174 | .helpbrowser-subfolder { fill: #555555; } 175 | .helpbrowser-text { fill: #222222; } 176 | .helpbrowser-topbar-bg { fill: #dfdfdf; } 177 | .helpbrowser-topbar-shadow { fill: #aaaaaa; } 178 | .helpbrowser-toc-headline { fill: #000000; } 179 | .helpbrowser-toc-pack-highlight { fill: #41befb; } 180 | .helpbrowser-howTo-highlight { fill: #41befb; } 181 | .helpbrowser-highlight { fill: #c8eafb; } 182 | .helpbrowser-highlightShadow { fill: #ffffff; } 183 | .helpbrowser-shortcuts-keyFill { fill: #888888; } 184 | .helpbrowser-shortcuts-keyShadow { fill: #999999; } 185 | .helpbrowser-shortcuts-keyText { fill: #ffffff; } 186 | .helpbrowser-shortcuts-separator { stroke: #dddddd; } 187 | .helpbrowser-shortcuts-action { fill: #000000; } 188 | .helpbrowser-shortcuts-description { fill: #444444; } 189 | .helpbworser-navi-fill {fill: #dfdfdf; } 190 | .helpbworser-navi-fill-hover {fill: #dddddd; } 191 | .helpbworser-navi-fill-active {fill: #ffffff; } 192 | .helpbworser-navi-text {fill: #888888; } 193 | .helpbworser-navi-text-hover {fill: #111111; } 194 | .helpbworser-navi-text-active {fill: #000000; } 195 | .helpbworser-navi-shadow {fill: #aaaaaa; } 196 | .helpbworser-subnavi-underline {fill: #eeeeee;} 197 | .helpbworser-subnavi-underline-hover {fill: #000000;} 198 | .helpbworser-subnavi-underline-active {fill: #de9800;} 199 | .helpbworser-subnavi-text {fill: #777777;} 200 | .helpbworser-subnavi-text-hover {fill: #333333;} 201 | .helpbworser-subnavi-text-active {fill: #000000;} 202 | .helpbrowser-gettingstarted-list-headline {fill: #555555; } 203 | .helpbrowser-gettingstarted-list-item-title {fill: #666666;} 204 | .helpbrowser-gettingstarted-list-item-desc {fill: #aaaaaa;} 205 | .helpbrowser-gettingstarted-list-seemore-hover {fill: #c8eafb;} 206 | .helpbrowser-gettingstarted-list-seemore-text {fill: #000000;} 207 | .helpbrowser-gettingstarted-exploredoc-shadow {fill: #dfdfdf;} 208 | .helpbrowser-gettingstarted-exploredoc-stroke-hover {fill: #aaaaaa;} 209 | .helpbrowser-newsletter-field { fill: #dfdfdf; } 210 | .helpbrowser-newsletter-field-hover { fill: #dfdfdf; } 211 | .helpbrowser-newsletter-pinwheel { stroke: #000000; } 212 | .helpbrowser-newsletter-success { fill: #7bb500; } 213 | .helpbrowser-newsletter-error { fill: #ff3d00; } 214 | .helpbrowser-nodeview-backgr { fill: #eeeeee; } 215 | .helpbrowser-nodeview-nodename { fill: #000000; } 216 | .helpbrowser-type-color1 { fill: #0ED38C; } 217 | .helpbrowser-type-color2 { fill: #FFAE63; } 218 | .helpbrowser-type-color3 { fill: #8C8C8C; } 219 | .helpbrowser-type-color4 { fill: #FF6573; } 220 | .helpbrowser-type-color5 { fill: #4CCAFF; } -------------------------------------------------------------------------------- /themes/gasomo.css: -------------------------------------------------------------------------------- 1 | /* 2 | Supported attributes: 3 | - fill 4 | - fill-opacity 5 | 6 | - stroke 7 | - stroke-opacity 8 | - stroke-witdh 9 | 10 | - font-style 11 | */ 12 | 13 | /*elements*/ 14 | .quad { fill: #414141 } 15 | .patch { fill: #12222c; } 16 | .patch-definition { fill: #2A2A2A; } 17 | .patch-paused { fill: #1b1b1b; } 18 | .selection { fill-opacity: 0.4; } 19 | 20 | .node { fill: #3a3a3a; } 21 | .node-selected { fill: #5c4f3d; } 22 | .pinbar { fill: #4C4C4C; } 23 | 24 | .region { fill: #76f6ff; fill-opacity: 0.04; } 25 | .region2 { fill: #FFFFFF; fill-opacity: 0.12; } 26 | .region-outline { fill-opacity: 0.10; fill: #000000; stroke-opacity: 0.50; stroke: #816126; stroke-width: 3px; } 27 | 28 | .frame-icons { fill: #bebebe; } 29 | .frame-selected { fill: #c9c9c9; } 30 | .frame-viewspace { fill-opacity: 0; stroke: #666666; stroke-width: 2px; } 31 | .frame0 { fill: #2B2B2B; fill-opacity: 0.5; } 32 | .frame1 { fill: #4F4F4F; fill-opacity: 0.5; } 33 | .frame2 { fill: #212d57; fill-opacity: 0.5; } 34 | .frame3 { fill: #455079; fill-opacity: 0.5; } 35 | .frame4 { fill: #294d49; fill-opacity: 0.5; } 36 | .frame5 { fill: #4a7570; fill-opacity: 0.5; } 37 | .frame6 { fill: #6b3636; fill-opacity: 0.5; } 38 | .frame7 { fill: #963535; fill-opacity: 0.5; } 39 | .frame8 { fill: #60356e; fill-opacity: 0.5; } 40 | .frame9 { fill: #8b569e; fill-opacity: 0.5; } 41 | .frame10 { fill: #252525; stroke: #505050; } 42 | .frame11 { fill: #252525; fill-opacity: 0; stroke: #666666; stroke-width: 2px;} 43 | 44 | .canvas-label { fill-opacity: 0; stroke: #333333; stroke-width: 2px; } 45 | .canvas-label-selected { fill-opacity: 0; stroke: #606060; stroke-width: 2px; } 46 | 47 | .datahub { fill: #816126; stroke-width: 2px; } 48 | 49 | .iobox-on { fill: #816126;} 50 | .iobox-off { fill-opacity: 0; stroke: #816126; stroke-width: 1px;} 51 | 52 | .comment { fill-opacity: 0; } 53 | .comment-hovered { fill: #E6E6E6; stroke: #484848; fill-opacity: 0; stroke-width: 1.5px; } 54 | 55 | .control { fill: #333333; } 56 | .control-hovered { fill: #444444; } 57 | .control-selected { fill: #494949; } 58 | .control-pressed { fill: #BEBEBE; } 59 | .control-disabled { fill: #222222; } 60 | 61 | 62 | 63 | .symbolbrowser { 64 | fill: #242424; 65 | fill-opacity: 0.9 66 | } 67 | 68 | .symbolbrowser-madechoices { 69 | fill: #202020; 70 | } 71 | 72 | .symbolbrowser-hovered { 73 | fill: #3399DD; 74 | fill-opacity: 0.3 75 | } 76 | 77 | .symbolbrowser-selected { 78 | stroke: #A9A9A9 79 | } 80 | 81 | .symbolbrowser-checked { 82 | fill: #AAAAAA; 83 | } 84 | 85 | .symbolbrowser-font { 86 | fill: #d6d6d6; 87 | } 88 | 89 | .symbolbrowser-font-disabled { 90 | fill: #121212; 91 | } 92 | 93 | .symbolbrowser-pressed { 94 | fill: #000000 95 | } 96 | 97 | .symbolbrowser-externals { 98 | fill: #3f555c 99 | } 100 | 101 | 102 | .finder-result { fill: #FFFF00; fill-opacity: 0.65; } 103 | .finder-results { fill: #FFFF00; fill-opacity: 0.20; } 104 | 105 | .helppriority-high { fill: #2A658E; fill-opacity: 0.6; } 106 | .helppriority-high-stroke { stroke: #2A658E; fill-opacity: 0; stroke-opacity: 1; } 107 | .helppriority-low { fill: #2A658E; fill-opacity: 0.3; } 108 | .helpbubble { fill: #2A658E; } 109 | .nohelpflag { fill: #840000; } 110 | 111 | .indicator { fill: #DCDCDC; } 112 | .shadow { fill: #0C0C0C; } 113 | 114 | /* operations */ 115 | .create { fill: #FDFDFD; } 116 | .update { fill: #816126; } 117 | .dispose { fill: #600404; } 118 | .operation0 { fill: #588CE4; } 119 | .operation1 { fill: #70AD83; } 120 | .operation2 { fill: #C36390; } 121 | .operation3 { fill: #466796; } 122 | .operation4 { fill: #069900; } 123 | .operation5 { fill: #BE865B; } 124 | .operation6 { fill: #5AAAB8; } 125 | .operation7 { fill: #31D050; } 126 | .operation8 { fill: #9C64B0; } 127 | .operation9 { fill: #444CBC; } 128 | 129 | .light { fill-opacity: 0.5; } 130 | 131 | /*optional*/ 132 | .typeannotation { fill: #FFFFFF; stroke: #000000; stroke-width: 0.5px; } 133 | 134 | /* fonts */ 135 | .font { fill: #DCDCDC; } 136 | .type-font { fill: #999999; } 137 | .tooltip-font { fill: #DCDCDC; } 138 | .tooltip-level2-font { fill: #9A9A9A; } 139 | .tooltip-level3-font { fill: #6F6F6F; } 140 | .large-font { fill: #DCDCDC; } 141 | .comment-font { font-style: italic; } 142 | .control-font { fill: #DCDCDC; } 143 | .link-font { fill: #5085FF; text-decoration-line: underline; } 144 | .swatch-font { fill: #777777; } 145 | 146 | /* 147 | .region-font { fill: #000000; } 148 | .node-font { fill: #000000; } 149 | .datahub-font { fill: #000000; } 150 | .signature-font { fill: #000000; } 151 | .constant-font { fill: #000000; } 152 | .frame-font-small { fill: #000000; } 153 | .tab-font { fill: #4f4f54; } 154 | .canvas-label-font { fill: #000000; } 155 | .definition-font { fill: #000000; } 156 | .explorer-font { fill: #000000; } 157 | .frameicons-font { fill-opacity: 0.5; } 158 | .frame-font { fill: #555555; } 159 | */ 160 | 161 | /*options 162 | .error - makes stroke red 163 | .warning - makes stroke orange 164 | .unused - make fill and stroke transparent 165 | .generic - makes fill transparent=0, stroke=1 166 | .accepted - make stroke green 167 | .force-accepted - make stroke orange 168 | .committing - make stroke yellow 169 | */ 170 | 171 | .hint { stroke: #33404F; } 172 | .warning { stroke: #FFB200; stroke-opacity: 0.7; } 173 | .error { stroke: #B40000; stroke-opacity: 1; } 174 | .runtimeerror { stroke: #9800AF; stroke-opacity: 1; stroke-width: 2px; } 175 | 176 | .not-executed { fill: #000000; fill-opacity: 0.45 } 177 | .not-executed-link { stroke: #000000; stroke-opacity: 0.45; } 178 | 179 | /* Deep the opacity as low as region background, otherwise unfocused regions will look darker than when focused. */ 180 | .unused { fill-opacity: 0.5; stroke-opacity: 0.5; } 181 | .generic { fill-opacity: 0; stroke-opacity: 1; } 182 | .accepted { fill-opacity: 0.5; stroke: #00B512; stroke-opacity: 1; stroke-width: 2px; } 183 | .force-accepted { stroke-opacity: 1; stroke-width: 2px } 184 | .committing { fill-opacity: 0.5; stroke: #DBB600; stroke-opacity: 1; stroke-width: 2px; } 185 | 186 | /*libraries*/ 187 | .renderer { fill: #000000; } 188 | 189 | /*helpbrowser*/ 190 | .helpbrowser-general-text {fill: #ffffff; } 191 | .helpbrowser-general-default {fill: #000000; } 192 | .helpbrowser-general-hover {fill: #333333; } 193 | .helpbrowser-general-active {fill: #de9800; } 194 | .helpbrowser-general-button {fill: #2d2d2d; } 195 | .helpbrowser-general-button-hover {fill: #de9800; } 196 | .helpbrowser-general-button-text {fill: #ffffff; } 197 | .helpbrowser-general-scroll {fill: #bbbbbb; } 198 | .helpbrowser-general-mediatype { fill: #777777; } 199 | .helpbrowser-general-tooltip-background { fill: #333333 } 200 | .helpbrowser-general-tooltip-text { fill: #ffffff } 201 | .helpbrowser-search-cursor {fill: #ffffff; } 202 | .helpbrowser-search-text {fill: #aaaaaa; } 203 | .helpbrowser-search-selection {fill: #444444; } 204 | .helpbrowser-search-shadow { fill: #111111; } 205 | .helpbrowser-search-background {fill: #202020; } 206 | .helpbrowser-search-clear {fill: #777777; } 207 | .helpbrowser-search-clear-hover {fill: #de9800; } 208 | .helpbrowser-background { fill: #232323; } 209 | .helpbrowser-iconIdle { fill: #de9800; } 210 | .helpbrowser-iconActive { stroke: #ffffff; } 211 | .helpbrowser-underlineColor { stroke: #41befb; } 212 | .helpbrowser-headline { fill: #FFFFFF; } 213 | .helpbrowser-folder { fill: #bbbbbb; } 214 | .helpbrowser-description { fill: #888888; } 215 | .helpbrowser-subfolder { fill: #797979; } 216 | .helpbrowser-text { fill: #DDDDDD; } 217 | .helpbrowser-howTo-highlight { fill: #bbbbbb; } 218 | .helpbrowser-highlight { fill: #404040; } 219 | .helpbrowser-highlightShadow { fill: #111111; } 220 | .helpbrowser-topbar-bg { fill: #191919; } 221 | .helpbrowser-topbar-shadow { fill: #101010; } 222 | .helpbrowser-toc-pack-highlight { fill: #000000; } 223 | .helpbrowser-shortcuts-keyFill { fill: #505050; } 224 | .helpbrowser-shortcuts-keyShadow { fill: #000000; } 225 | .helpbrowser-shortcuts-keyText { fill: #ffffff; } 226 | .helpbrowser-shortcuts-separator { stroke: #333333; } 227 | .helpbrowser-shortcuts-action { fill: #aaaaaa; } 228 | .helpbrowser-shortcuts-description { fill: #cccccc; } 229 | .helpbworser-navi-fill {fill: #191919; } 230 | .helpbworser-navi-fill-hover {fill: #191919; } 231 | .helpbworser-navi-fill-active {fill: #232323; } 232 | .helpbworser-navi-text {fill: #777777; } 233 | .helpbworser-navi-text-hover {fill: #cccccc; } 234 | .helpbworser-navi-text-active {fill: #ffffff; } 235 | .helpbworser-navi-shadow {fill: #000000; } 236 | .helpbworser-subnavi-underline {fill: #191919;} 237 | .helpbworser-subnavi-underline-hover {fill: #ffffff;} 238 | .helpbworser-subnavi-underline-active {fill: #de9800;} 239 | .helpbworser-subnavi-text {fill: #999999;} 240 | .helpbworser-subnavi-text-hover {fill: #ffffff;} 241 | .helpbworser-subnavi-text-active {fill: #ffffff;} 242 | .helpbrowser-gettingstarted-list-headline {fill: #ffffff;} 243 | .helpbrowser-gettingstarted-list-item-title {fill: #cccccc;} 244 | .helpbrowser-gettingstarted-list-item-desc {fill: #8f8f8f;} 245 | .helpbrowser-gettingstarted-list-seemore-hover {fill: #000000;} 246 | .helpbrowser-gettingstarted-list-seemore-text {fill: #de9800;} 247 | .helpbrowser-gettingstarted-exploredoc-shadow {fill: #151515;} 248 | .helpbrowser-gettingstarted-exploredoc-stroke-hover {fill: #c8eafb;} 249 | .helpbrowser-newsletter-field { fill: #101010; } 250 | .helpbrowser-newsletter-field-hover { fill: #101010; } 251 | .helpbrowser-newsletter-pinwheel { stroke: #ffffff; } 252 | .helpbrowser-newsletter-success { fill: #7bb500; } 253 | .helpbrowser-newsletter-error { fill: #ff3d00; } 254 | .helpbrowser-nodeview-backgr { fill: #111111; } 255 | .helpbrowser-nodeview-nodename { fill: #ffffff; } 256 | .helpbrowser-type-color1 { fill: #0ED38C; } 257 | .helpbrowser-type-color2 { fill: #FFAE63; } 258 | .helpbrowser-type-color3 { fill: #8C8C8C; } 259 | .helpbrowser-type-color4 { fill: #FF6573; } 260 | .helpbrowser-type-color5 { fill: #4CCAFF; } -------------------------------------------------------------------------------- /captures/PreviewCapture.vl: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 1 21 | 22 | 23 | 2 24 | 25 | 26 | 3 27 | 28 | 29 | 4 30 | 31 | 32 | 5 33 | 34 | 35 | 6 36 | 37 | 38 | 7 39 | 40 | 41 | 8 42 | 43 | 44 | 9 45 | 46 | 47 | 10 48 | 49 | 50 | 11 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 9 105 | Comment 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | Bang 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 1 219 | -1 220 | true 221 | Horizontal 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 9 315 | Comment 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 9 324 | Comment 325 | 326 | 327 | 328 | 329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 342 | 343 | 344 | 345 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 355 | 356 | 357 | 358 | 359 | 360 | 361 | 362 | 363 | 364 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | 373 | 374 | 375 | 376 | 377 | 378 | 379 | 380 | --------------------------------------------------------------------------------