BogaudioModules

BogaudioModules for VCV Rack
Log | Files | Refs | README | LICENSE

knob_29px-dark-pp.svg (2450B)


      1 <?xml version="1.0"?>
      2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29.0" height="29.0" version="1.1" viewBox="0 0 29.0 29.0">
      3   <style>text {
      4   fill: #333;
      5   font-family: 'Roboto', sans-serif;
      6   font-weight: bold;
      7 }
      8 text.title {
      9   font-family: 'Comfortaa', sans-serif;
     10   font-weight: normal;
     11 }
     12 text.brand {
     13   font-family: 'Audiowide', sans-serif;
     14   font-weight: bold;
     15 }
     16 
     17 polyline {
     18   stroke: #333;
     19 }
     20 path {
     21   stroke: #333;
     22 }
     23 
     24 rect.module-background, .background-fill {
     25   fill: #ddd;
     26 }
     27 polyline.module-border-inner {
     28   stroke: #e4e4e4;
     29 }
     30 polyline.module-border-middle {
     31   stroke: #ebebeb;
     32 }
     33 polyline.module-border-outer {
     34   stroke: #f2f2f2;
     35 }
     36 
     37 g.io-group {
     38 }
     39 rect.input-background, rect.input-background-filler {
     40   fill: #fafafa;
     41 }
     42 rect.output-background, rect.output-background-filler {
     43   fill: #bbb;
     44 }
     45 text.input-label, text.output-label {
     46   /* font-size: 6pt; */
     47 }
     48 polyline.input-label, polyline.output-label {
     49 }
     50 path.input-label, path.output-label {
     51 }
     52 
     53 circle.port-rim {
     54   stroke: #f0f0f0;
     55 }
     56 circle.port-barrel {
     57   stroke: #222;
     58   fill: #222;
     59 }
     60 circle.knob-center {
     61    fill: #eee;
     62 }
     63 circle.knob-rim {
     64    fill: #333;
     65 }
     66 circle.knob-tick {
     67   fill: #fff;
     68 }
     69 polyline.knob-tick {
     70   stroke: #fff;
     71 }
     72 
     73 
     74 text {
     75   fill: #eee;
     76 }
     77 
     78 polyline {
     79   stroke: #ccc;
     80 }
     81 path {
     82   stroke: #ccc;
     83 }
     84 
     85 rect.module-background, .background-fill {
     86   fill: #111;
     87 }
     88 polyline.module-border-inner {
     89   stroke: #191919;
     90 }
     91 polyline.module-border-middle {
     92   stroke: #111;
     93 }
     94 polyline.module-border-outer {
     95   stroke: #000;
     96 }
     97 
     98 rect.input-background, rect.input-background-filler {
     99   fill: #aaa;
    100 }
    101 rect.output-background, rect.output-background-filler {
    102   fill: #666;
    103 }
    104 text.input-label {
    105   fill: #222;
    106 }
    107 polyline.input-label, path.input-label {
    108   stroke: #222;
    109 }
    110 text.output-label {
    111   fill: #ddd;
    112 }
    113 polyline.output-label, path.output-label {
    114   stroke: #ddd;
    115 }
    116 
    117 circle.port-rim {
    118   stroke: #c0c0c0;
    119 }
    120 circle.port-barrel {
    121   stroke: #222;
    122   fill: #222;
    123 }
    124 circle.knob-center {
    125    fill: #888;
    126 }
    127 circle.knob-rim {
    128    fill: #444;
    129 }
    130 circle.knob-tick {
    131   fill: #fff;
    132 }
    133 polyline.knob-tick {
    134   stroke: #fff;
    135 }
    136 </style>
    137 
    138   <g transform="translate(14.5 14.5)">
    139     <circle class="knob-rim" cx="0" cy="0" r="14.3"/>
    140     <circle class="knob-center" cx="0" cy="0" r="10.9"/>
    141   </g>
    142   <circle class="knob-tick" cx="14.5" cy="1.6" r="1.3"/>
    143   <circle class="knob-tick" cx="14.5" cy="1.9" r="1.3"/>
    144   <circle class="knob-tick" cx="14.5" cy="2.2" r="1.3"/>
    145 </svg>