@Override
  public void onClick(View v) {

    switch (v.getId()) {
      case R.id.color1:
        color = R.color.color1;

        break;

      case R.id.color2:
        color = R.color.color2;

        break;

      case R.id.color3:
        color = (R.color.color3);

        break;

      case R.id.color4:
        color = (R.color.color4);

        break;

      case R.id.color5:
        color = R.color.color5;

        break;

      case R.id.color6:
        color = R.color.color6;

        break;

      case R.id.color7:
        color = R.color.color7;

        break;

      case R.id.color8:
        color = R.color.color8;

        break;

      case R.id.color9:
        color = R.color.color9;

        break;

      default:
        Toast.makeText(getActivity(), "Error", Toast.LENGTH_SHORT).show();
    }

    dismiss(); // dismiss the color fragment
    dialogListener.colorPicker(color);
  }