[Java][Android] 다크모드 적용하기

안녕하세요

오늘은 다크모드 적용 방법에 대해서 알아보도록 하겠습니다.

 

우선, 다크모드를 적용 하려면

values/themes/themes.xml

values/themes/themes.xml (night)

이 두개의 파일에서 색상에 대한 설정을 해줘야 합니다.

 

values/themes/themes.xml

<resources xmlns:tools="http://schemas.android.com/tools">
  <style name="Theme.MyTestApp" parent="Theme.Material3.Light.NoActionBar">
    <item name="colorPrimary">#6200EE</item>
    <item name="colorOnPrimary">#FFFFFF</item>
  </style>
</resources>

 

values/themes/themes.xml (night)

<resources xmlns:tools="http://schemas.android.com/tools">
  <style name="Theme.MyTestApp" parent="Theme.Material3.Dark.NoActionBar">
    <item name="colorPrimary">#BB86FC</item>
    <item name="colorOnPrimary">#000000</item>
  </style>
</resources>

 

이렇게 설정해주도록 하겠습니다. 

참고로 style name 부분에는 자신의 앱 이름을 넣어주셔야 합니다.

 

나머지 코드입니다.

 

 

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:gravity="center"
  android:padding="16dp">

  <TextView
    android:id="@+id/tvStatus"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="라이트 모드"
    android:textSize="20sp"
    android:textStyle="bold"
    android:paddingBottom="16dp"/>

  <Switch
    android:id="@+id/switchMode"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="다크 모드 활성화"/>
</LinearLayout>

 

MainActivity.java

public class MainActivity extends AppCompatActivity {
  private Switch switchMode;
  private TextView tvStatus;
  private SharedPreferences sharedPreferences;
  private SharedPreferences.Editor editor;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // 다크 모드 상태 유지 (SharedPreferences 활용)
    sharedPreferences = getSharedPreferences("settings", MODE_PRIVATE);
    editor = sharedPreferences.edit();

    // 저장된 다크 모드 상태 불러오기
    boolean isDarkMode = sharedPreferences.getBoolean("dark_mode", false);
    if (isDarkMode) {
      AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
    } else {
      AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
    }

    setContentView(R.layout.activity_main);

    switchMode = findViewById(R.id.switchMode);
    tvStatus = findViewById(R.id.tvStatus);

    // 스위치 초기 상태 설정
    switchMode.setChecked(isDarkMode);
    tvStatus.setText(isDarkMode ? "다크 모드" : "라이트 모드");

    // 스위치 이벤트 처리
    switchMode.setOnCheckedChangeListener((buttonView, isChecked) -> {
      if (isChecked) {
        AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
        editor.putBoolean("dark_mode", true);
        tvStatus.setText("다크 모드");
      } else {
        AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
        editor.putBoolean("dark_mode", false);
        tvStatus.setText("라이트 모드");
      }
      editor.apply();
    });
  }
}

 

이렇게 해주시면 버튼을 토글하는 형식으로 라이트모드-다크모드 변경이 가능합니다.

 

시연 영상입니다.