void updateScreen() {
  
  u8g2.firstPage();
  do {
    byte leftOffset;
    byte width;
    //String textToShow;
    String valueStr;
    char valueChar[16];

    if (displayScreen == 0) {
      //BPM Tab
      if (displayTab == 0) { //BPM

        u8g2.setFont(velvetscreen);

        //Menu items
        width = 32;
        leftOffset = 62;
        if (masterClockMode == 0 && bpmModulationRange == 0) {
          lastMenuItem = 2;
        } else if (masterClockMode == 0 && bpmModulationRange != 0) {
          lastMenuItem = 3;
        } else if (masterClockMode == 1) {
          lastMenuItem = 0;
        }
        if ((menuItem == 1 && insideTab) || (insideTab && masterClockMode == 1 && menuItem == 0)) {
          u8g2.drawButtonUTF8(leftOffset, 6, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  2, "MODE:" );
        } else {
          u8g2.drawButtonUTF8(leftOffset, 6, U8G2_BTN_BW0, width,  2,  2, "MODE:" );
        }
        if (masterClockMode == 0) {
          if (menuItem == 2) {
            u8g2.drawButtonUTF8(leftOffset, 16, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  2, "MOD:" );
          } else {
            u8g2.drawButtonUTF8(leftOffset, 16, U8G2_BTN_BW0, width,  2,  2, "MOD:" );
          }
          if (bpmModulationRange != 0) {
            if (menuItem == 3) {
              u8g2.drawButtonUTF8(leftOffset, 26, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  2, "RANGE:" );
            } else {
              u8g2.drawButtonUTF8(leftOffset, 26, U8G2_BTN_BW0, width,  2,  2, "RANGE:" );
            }
          }
        }
        //Values
        width = 28;
        if (menuItem == 1 && insideTab && masterClockMode == 0) {
          u8g2.drawButtonUTF8(leftOffset + width + 4, 6, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  2, "INT" );
        } else if ((menuItem != 1 || !insideTab) && masterClockMode == 0) {
          u8g2.drawButtonUTF8(leftOffset + width + 4, 6, U8G2_BTN_BW0, width,  2,  2, "INT" );
        } 
        if (menuItem == 1 && insideTab && masterClockMode == 1) {
          u8g2.drawButtonUTF8(leftOffset + width + 4, 6, U8G2_BTN_BW0|U8G2_BTN_INV, 30,  2,  2, "EXT" );
        } else if ((menuItem != 1 || !insideTab) && masterClockMode == 1) {
          u8g2.drawButtonUTF8(leftOffset + width + 4, 6, U8G2_BTN_BW0, width,  2,  2, "EXT" );
        }

        if (masterClockMode == 0) {
          if (menuItem == 2 && bpmModulationRange != 0 && bpmModulationChannel == 0) {
            u8g2.drawButtonUTF8(leftOffset + width + 4, 16, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  2, "CV1" );
          } else if (menuItem != 2 && bpmModulationRange != 0 && bpmModulationChannel == 0) {
            u8g2.drawButtonUTF8(leftOffset + width + 4, 16, U8G2_BTN_BW0, width,  3,  2, "CV1" );
          }
          if (menuItem == 2 && bpmModulationRange != 0 && bpmModulationChannel == 1) {
            u8g2.drawButtonUTF8(leftOffset + width + 4, 16, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  2, "CV2" );
          } else if (menuItem != 2 && bpmModulationRange != 0 && bpmModulationChannel == 1){
            u8g2.drawButtonUTF8(leftOffset + width + 4, 16, U8G2_BTN_BW0, width,  2,  2, "CV2" );
          }
          if (menuItem == 2 && bpmModulationRange == 0) {
            u8g2.drawButtonUTF8(leftOffset + width + 4, 16, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  2, "OFF" );
          } else if (menuItem != 2 && bpmModulationRange == 0)  {
            u8g2.drawButtonUTF8(leftOffset + width + 4, 16, U8G2_BTN_BW0, width,  2,  2, "OFF" );
          }
          String bpmModStr = String(bpmModulationRange * 10);
          char bpmModChar[3];
          bpmModStr.toCharArray(bpmModChar, 3);
          if (menuItem == 3 && bpmModulationRange != 0) {
            u8g2.drawButtonUTF8(leftOffset + width + 4, 26, U8G2_BTN_BW0|U8G2_BTN_INV, width,  4,  2, bpmModChar );
          } else if (menuItem != 3 && bpmModulationRange != 0) {
            u8g2.drawButtonUTF8(leftOffset + width + 4, 26, U8G2_BTN_BW0, width,  4,  2, bpmModChar );
          }
        }

        String bpmStr;
        if (masterClockMode == 0) {
          bpmStr = String(bpm);
        } else if (masterClockMode == 1) {
          bpmStr = "24";
        }
        char bpmChar[5];
        bpmStr.toCharArray(bpmChar, 5);
        leftOffset = 29;
        width = 55;
        if (masterClockMode == 0) {
          if ((!insideTab && !shiftBtnPushed) || (insideTab && menuItem != 0)) { //default view, nothing is selected or editable
            u8g2.setFont(fabryka);
            u8g2.drawButtonUTF8(leftOffset-1, 28, U8G2_BTN_BW0|U8G2_BTN_HCENTER, width,  0,  3, bpmChar );
            u8g2.setFont(velvetscreen);
            u8g2.drawButtonUTF8(leftOffset, 40, U8G2_BTN_BW0|U8G2_BTN_HCENTER, width,  0,  2, "BPM" );
          } else if ((!insideTab && shiftBtnPushed) || (insideTab && menuItem == 0 && (menuItemSelected || shiftBtnPushed))) { //show value as editable
            u8g2.setFont(fabryka);
            u8g2.drawButtonUTF8(leftOffset-1, 28, U8G2_BTN_BW1|U8G2_BTN_HCENTER, width,  0,  3, bpmChar );
            u8g2.setFont(velvetscreen);
            u8g2.drawButtonUTF8(leftOffset, 40, U8G2_BTN_BW1|U8G2_BTN_INV|U8G2_BTN_HCENTER, width,  0,  2, "BPM" );
          } else if (insideTab && menuItem == 0 && !menuItemSelected) { //show as selected menu item
            u8g2.setFont(fabryka);
            u8g2.drawButtonUTF8(leftOffset-1, 28, U8G2_BTN_BW1|U8G2_BTN_INV|U8G2_BTN_HCENTER, width,  0,  3, bpmChar );
            u8g2.setFont(velvetscreen);
            u8g2.drawButtonUTF8(leftOffset, 40, U8G2_BTN_BW1|U8G2_BTN_INV|U8G2_BTN_HCENTER, width,  0,  2, "BPM" );
          }
        }
        
        if (masterClockMode == 1) {
          u8g2.setFont(fabryka);
          u8g2.drawButtonUTF8(leftOffset, 28, U8G2_BTN_BW0|U8G2_BTN_HCENTER, width,  0,  0, bpmChar );
          u8g2.setFont(velvetscreen);
          u8g2.drawButtonUTF8(leftOffset, 40, U8G2_BTN_BW0|U8G2_BTN_HCENTER, width,  0,  2, "PPQN" );
        }
      
      } 
      //Channel Tabs
      else {
        //Menu items
        lastMenuItem = 4;
        width = 32;
        leftOffset = 62;
        for (byte i = 1; i <= lastMenuItem; i++) {
          if (i == 1) {
            valueStr = "MODE:";
          } else if (i == 2 && channels[displayTab - 1].mode == 0) {
            valueStr = "OFFSET:";
          } else if (i == 2 && channels[displayTab - 1].mode == 1) {
            valueStr = "SUBDIV:";
          } else if (i == 2 && channels[displayTab - 1].mode == 2) {
            valueStr = "EDIT PATTERN";
          } else if (i == 3) {
            valueStr = "CV1";
          } else if (i == 4) {
            valueStr = "CV2";
          } 
          valueStr.toCharArray(valueChar, 16);
          if (menuItem == i && insideTab) {
            u8g2.drawButtonUTF8(leftOffset, 8 + (i-1) *11, U8G2_BTN_BW1|U8G2_BTN_INV, width,  1,  2, valueChar );
          } else {
            u8g2.drawButtonUTF8(leftOffset, 8 + (i-1) *11, U8G2_BTN_BW0, width,  1,  2, valueChar);
          }
        }
        

        //Values
        for (byte i = 1; i <= lastMenuItem; i++) {
          if (i == 1 && channels[displayTab - 1].mode == 0) {   //Channel mode
            valueStr = "CLOCK";
          } else if (i == 1 && channels[displayTab - 1].mode == 1) {
            valueStr = "RAND";
          } else if (i == 1 && channels[displayTab - 1].mode == 2) {
            valueStr = "SEQ";
          } else if (i == 2 && channels[displayTab - 1].mode == 0) {   //SubDiv and offset
            valueStr = String(channels[displayTab - 1].offset) + "/";
            valueStr = valueStr + String(channelPulsesPerCycle[displayTab-1]+1);
          } else if (i == 2 && channels[displayTab - 1].mode == 1 && subDivs[channels[displayTab - 1].subDiv] > 0) {
            valueStr = "/" + String(subDivs[channels[displayTab - 1].subDiv]);
          } else if (i == 2 && channels[displayTab - 1].mode == 1 && subDivs[channels[displayTab - 1].subDiv] < 0) {
            valueStr = "x" + String(abs(subDivs[channels[displayTab - 1].subDiv]));
          } else if (i == 3 && channels[displayTab - 1].CV1Target == 0) {   //CV1
            valueStr = "OFF";
          } else if (i == 3 && channels[displayTab - 1].CV1Target == 1) {
            valueStr = "SUBDIV";
          } else if (i == 3 && channels[displayTab - 1].CV1Target == 2) {
            valueStr = "RAND";
          } else if (i == 3 && channels[displayTab - 1].CV1Target == 3) {
            valueStr = "PATT";
          } else if (i == 4 && channels[displayTab - 1].CV2Target == 0) {   //CV2
            valueStr = "OFF";
          } else if (i == 4 && channels[displayTab - 1].CV2Target == 1) {
            valueStr = "SUBDIV";
          } else if (i == 4 && channels[displayTab - 1].CV2Target == 2) {
            valueStr = "RAND";
          } else if (i == 4 && channels[displayTab - 1].CV2Target == 3) {
            valueStr = "PATT";
          }

          valueStr.toCharArray(valueChar, 16);
          if (i == 2 && channels[displayTab - 1].mode == 2) { //EDIT PATTERN thing
            if (menuItem == i && insideTab) {
              u8g2.drawBox(leftOffset + 55, ((i-1) * 11)-1, 10, 11);
            }
          } else {
            if (menuItem == i && insideTab && (menuItemSelected || shiftBtnPushed)) {
              u8g2.drawButtonUTF8(leftOffset + 37, 8 + (i-1) *11, U8G2_BTN_BW1, 26,  2,  2, valueChar );
            } else if (menuItem == i && insideTab && (!menuItemSelected || !shiftBtnPushed)) {
              u8g2.drawButtonUTF8(leftOffset + 37, 8 + (i-1) *11, U8G2_BTN_BW1|U8G2_BTN_INV, 26,  2,  2, valueChar );
            } else {
              u8g2.drawButtonUTF8(leftOffset + 37, 8 + (i-1) *11, U8G2_BTN_BW0, 26,  2,  2, valueChar );
            }
          }
        }

        //Main Param
        leftOffset = 29;
        width = 55;
        if (channels[displayTab - 1].mode == 0) {
          valueStr = "SUBDIVISION";
        } else if (channels[displayTab - 1].mode == 1) {
          valueStr = "SKIP CHANCE";
        } else if (channels[displayTab - 1].mode == 2) {
          valueStr = "PATTERN";
        }
        valueStr.toCharArray(valueChar, 16);
        if ((!insideTab && shiftBtnPushed) || (insideTab && menuItem == 0)) {
          u8g2.drawButtonUTF8(leftOffset, 41, U8G2_BTN_BW1|U8G2_BTN_INV|U8G2_BTN_HCENTER, width,  0,  3, valueChar );
        } else {
          u8g2.drawButtonUTF8(leftOffset, 41, U8G2_BTN_BW0|U8G2_BTN_HCENTER, width,  1,  2, valueChar );
        }

        if (channels[displayTab - 1].mode == 0) {
          if (subDivs[channels[displayTab - 1].subDiv] > 0) {
            valueStr = "/" + String(subDivs[channels[displayTab - 1].subDiv]);
          } else {
            valueStr = "x" + String(abs(subDivs[channels[displayTab - 1].subDiv]));
          }
        } else if (channels[displayTab - 1].mode == 1) {
          valueStr = String(channels[displayTab - 1].random) + "0%";   
        } else if (channels[displayTab - 1].mode == 2) {
          if (channels[displayTab - 1].seqPattern < 8) {
            valueStr = "A" + String(channels[displayTab - 1].seqPattern + 1);
          } else {
            valueStr = "B" + String(channels[displayTab - 1].seqPattern - 7);
          }
        }
        valueStr.toCharArray(valueChar, 16);
        u8g2.setFont(fabryka);
        if ((!insideTab && shiftBtnPushed) || (insideTab && menuItem == 0 && (menuItemSelected || shiftBtnPushed))) {
          u8g2.drawButtonUTF8(leftOffset, 28, U8G2_BTN_BW1|U8G2_BTN_HCENTER, width,  0,  3, valueChar );
        } else if (insideTab && menuItem == 0 && !menuItemSelected) {
          u8g2.drawButtonUTF8(leftOffset, 28, U8G2_BTN_BW1|U8G2_BTN_INV|U8G2_BTN_HCENTER, width,  0,  3, valueChar );
        } else {
          u8g2.drawButtonUTF8(leftOffset, 28, U8G2_BTN_BW0|U8G2_BTN_HCENTER, width,  0,  3, valueChar );
        }
      }

      //Tabs
      u8g2.drawHLine(0, 53, 128);
      u8g2.setFont(velvetscreen);
      byte yPos = 61;
      byte xWidth = 12;
      if (displayTab == 0) {
        if (insideTab == true || shiftBtnPushed == true) {
          u8g2.drawButtonUTF8(xWidth/2, yPos, U8G2_BTN_BW1|U8G2_BTN_HCENTER, xWidth-2,  0,  2, "w" );
        } else {
          u8g2.drawButtonUTF8(xWidth/2, yPos, U8G2_BTN_BW1|U8G2_BTN_INV|U8G2_BTN_HCENTER, xWidth-2,  0,  2, "w" );
        }
      } else {
        u8g2.drawButtonUTF8(xWidth/2, yPos, U8G2_BTN_BW0|U8G2_BTN_HCENTER, xWidth,  0,  2, "w" );
      }
      
      for (int i = 1; i <= 6; i++) {
        String tabNameStr = String(i);
        char tabNameChar[3];
        tabNameStr.toCharArray(tabNameChar, 3);
        if (displayTab == i) {
          if (insideTab == true || shiftBtnPushed == true) {
            u8g2.drawButtonUTF8(i*xWidth + xWidth/2, yPos, U8G2_BTN_BW1|U8G2_BTN_HCENTER, xWidth-2,  0,  2, tabNameChar);
          } else {
            u8g2.drawButtonUTF8(i*xWidth + xWidth/2, yPos, U8G2_BTN_BW1|U8G2_BTN_INV|U8G2_BTN_HCENTER, xWidth-2,  0,  2, tabNameChar);
          }
        } else {
          u8g2.drawButtonUTF8(i*xWidth + xWidth/2, yPos, U8G2_BTN_BW0|U8G2_BTN_HCENTER, xWidth,  0,  2, tabNameChar);
        }
      }

      if (!isPlaying) {
        u8g2.drawUTF8(121, yPos, "t");
      } else {
        u8g2.drawUTF8(122, yPos, "r");
      }
    }

    //Edit Pattern Screen
    else if (displayScreen == 1) {
      byte pattern = channels[displayTab - 1].seqPattern;
      String patStr;
      if (pattern < 8) {
        patStr = "EDIT PATTERN A" + String(pattern + 1);
      } else {
        patStr = "EDIT PATTERN B" + String(pattern - 7);
      }
      char patChar[16];
      patStr.toCharArray(patChar, 16);
      u8g2.drawButtonUTF8(64, 5, U8G2_BTN_BW1|U8G2_BTN_HCENTER, 128,  0,  2, patChar );
      for (byte i = 0; i < 8; i++) {
        if (patternToEdit[i]) {
          u8g2.drawUTF8(19 + i*12, 24, "q");
        } else {
          u8g2.drawUTF8(19 + i*12, 24, "p");
        }
      }
      for (byte i = 8; i < 16; i++) {
        if (patternToEdit[i]) {
          u8g2.drawUTF8(19 + (i-8)*12, 40, "q");
        } else {
          u8g2.drawUTF8(19 + (i-8)*12, 40, "p");
        }
      }
      if (!isRecording) {
        if (stepNumSelected < 8 ) {
          u8g2.drawFrame(16 + stepNumSelected * 12, 16, 11, 11);
        } else {
          u8g2.drawFrame(16 + (stepNumSelected-8) * 12, 32, 11, 11);
        }
      }

      if (isRecording) {
        //u8g2.drawUTF8(43, 60, "RECORDING");
        u8g2.drawButtonUTF8(64, 62, U8G2_BTN_BW1|U8G2_BTN_HCENTER|U8G2_BTN_INV, 50,  0,  2, "RECORDING" );
      }
    }

    //Settings Screen
    else if (displayScreen == 2) {
      u8g2.drawButtonUTF8(64, 5, U8G2_BTN_BW1|U8G2_BTN_HCENTER, 128,  0,  2, "SETTINGS" );
      lastMenuItem = 2;
      byte width = 112;
      if (menuItem == 0) {
        u8g2.drawButtonUTF8(8, 18, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  2, "CALIBRATE CV INS" );
      } else {
        u8g2.drawButtonUTF8(8, 18, U8G2_BTN_BW0, width,  2,  2, "CALIBRATE CV INS" );
      } 
      if (menuItem == 1) {
        u8g2.drawButtonUTF8(8, 32, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  2, "ROTATE SCREEN" );
      } else {
        u8g2.drawButtonUTF8(8, 32, U8G2_BTN_BW0, width,  2,  2, "ROTATE SCREEN" );
      }
      if (menuItem == 2) {
        u8g2.drawButtonUTF8(8, 46, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  2, "FACTORY RESET" );
      } else {
        u8g2.drawButtonUTF8(8, 46, U8G2_BTN_BW0, width,  2,  2, "FACTORY RESET" );
      }

    }

  } while ( u8g2.nextPage() );
}