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

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

        u8g2.setFont(velvetscreen);

        //Menu items
        lastMenuItem = 4;
        width = 32;
        leftOffset = 62;
        if (masterClockMode == 0 && bpmModulationRange == 0) {
          lastMenuItem = 2;
        } else if (masterClockMode == 0 && bpmModulationRange != 0) {
          lastMenuItem = 3;
        } else if (masterClockMode == 1) {
          lastMenuItem = 2;
        } else if (masterClockMode == 2) {
          lastMenuItem = 1;
        }

        for (byte i = 1; i <= lastMenuItem; i++) {
          if (i == 1) {
            valueStr = "MODE:";
          } else if (i == 2 && masterClockMode == 0) {
            valueStr = "MOD:";
          } else if (i == 2 && masterClockMode == 1) {
            valueStr = "PPQN:";
          } else if (i == 3 && masterClockMode == 0) {
            valueStr = "RANGE:";
          } 
          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);
          }
        }
        if (masterClockMode != 0 && menuItem == 0) { //to make main param non selectable for external clock
          menuItem = 1;
        }

        //Values
        for (byte i = 1; i <= lastMenuItem; i++) {
          if (i == 1 && masterClockMode == 0) {   //Channel mode
            valueStr = "INT";
          } else if (i == 1 && masterClockMode == 1) {
            valueStr = "EXT";
          } else if (i == 1 && masterClockMode == 2) {
            valueStr = "MIDI";
          } else if (i == 2 && masterClockMode == 0 && bpmModulationRange != 0 && bpmModulationChannel == 0) {
            valueStr = "CV1";
          } else if (i == 2 && masterClockMode == 0 && bpmModulationRange != 0 && bpmModulationChannel == 1) {
            valueStr = "CV2";
          } else if (i == 2 && masterClockMode == 0 && bpmModulationRange == 0) {
            valueStr = "OFF";
          } else if (i == 2 && masterClockMode == 1 && extClockPPQN == 0) {
            valueStr = "24";
          } else if (i == 2 && masterClockMode == 1 && extClockPPQN == 1) {
            valueStr = "4";
          } else if (i == 3 && bpmModulationRange != 0) {
            valueStr = String(bpmModulationRange * 10);
          }

          valueStr.toCharArray(valueChar, 16);
         
          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 );
          }
        }


        String bpmStr;
        if (masterClockMode == 0) {
          bpmStr = String(bpm);
        } else if (masterClockMode == 1) {
          bpmStr = "EXT";
        } else if (masterClockMode == 2) {
          bpmStr = "MIDI";
        }
        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 != 0) { //EXT and MIDI
          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 = 3;
        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 = "MOD:";
          }
          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) + "/";
            int PulsesPerStep;
            if (subDivs[channels[displayTab - 1].subDiv] < 0) {
              PulsesPerStep = PPQN / subDivs[channels[displayTab - 1].subDiv] * -1 ;
            } else {
              PulsesPerStep = subDivs[channels[displayTab - 1].subDiv] * PPQN;
            }
            valueStr = valueStr + String(PulsesPerStep); //(playingModes[i] * PPQN) - 1 //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 && channels[displayTab - 1].CV2Target == 0) {   //MOD
            valueStr = "OFF";
          } else if (i == 3 && channels[displayTab - 1].CV1Target != 0 && channels[displayTab - 1].CV2Target == 0) {
            valueStr = "CV1";
          } else if (i == 3 && channels[displayTab - 1].CV1Target == 0 && channels[displayTab - 1].CV2Target != 0) {
            valueStr = "CV2";
          }

          valueStr.toCharArray(valueChar, 16);
          if (i == 2 && channels[displayTab - 1].mode == 2) { //EDIT PATTERN thing
            if (menuItem == i && insideTab) {
              u8g2.drawBox(leftOffset + 54, ((i-1) * 11), 11, 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 (masterClockMode == 0 && !isPlaying) {
        u8g2.drawUTF8(121, yPos, "t");
      } else if (masterClockMode == 0 && isPlaying)  {
        u8g2.drawUTF8(122, yPos, "r");
      }
    }

    //Edit Pattern Screen (Sequencer)
    else if (displayScreen == 1) {
      u8g2.setFont(velvetscreen);
      byte pattern = channels[displayTab - 1].seqPattern;
      String patStr;
      if (pattern < 8) {
        patStr = "PATTERN A" + String(pattern + 1);
      } else {
        patStr = "PATTERN B" + String(pattern - 7);
      }
      //patStr = "TEST";
      char patChar[11];
      patStr.toCharArray(patChar, 11);
      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.drawButtonUTF8(64, 62, U8G2_BTN_BW1|U8G2_BTN_HCENTER|U8G2_BTN_INV, 50,  0,  2, "RECORDING" );
      }
    }

    //Settings Screen
    else if (displayScreen == 2) {
      u8g2.drawStr(8, 5,"SETTINGS" );
      u8g2.drawStr(102, 5, version );
      u8g2.drawHLine(0, 8, 128);
      lastMenuItem = 2;
      byte width = 112;
      if (menuItem == 0) {
        u8g2.drawButtonUTF8(8, 19, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  3, "CALIBRATE CV INS" );
      } else {
        u8g2.drawButtonUTF8(8, 19, U8G2_BTN_BW0, width,  2,  3, "CALIBRATE CV INS" );
      } 
      if (menuItem == 1) {
        u8g2.drawButtonUTF8(8, 31, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  3, "ROTATE SCREEN" );
      } else {
        u8g2.drawButtonUTF8(8, 31, U8G2_BTN_BW0, width,  2,  3, "ROTATE SCREEN" );
      }
      if (menuItem == 2) {
        u8g2.drawButtonUTF8(8, 43, U8G2_BTN_BW0|U8G2_BTN_INV, width,  2,  3, "FACTORY RESET" );
      } else {
        u8g2.drawButtonUTF8(8, 43, U8G2_BTN_BW0, width,  2,  3, "FACTORY RESET" );
      }

    }

    if (showDone) {
      //u8g2.clear();
      u8g2.setDrawColor(0);
      u8g2.setFontMode(0);
      u8g2.drawBox(18,13,93,32);
      u8g2.drawBox(18,16,96,30);
      u8g2.setDrawColor(1);
      u8g2.drawButtonUTF8(64, 32, U8G2_BTN_BW1|U8G2_BTN_HCENTER|U8G2_BTN_SHADOW2|U8G2_BTN_INV, 64,  12,  12, "DONE" );
    }

  } while ( u8g2.nextPage() );
}