Railsでダークモードとライトモードを切り替えるコードが動かない

Question

Ruby on Railsの練習でサイトを作っていてそのサイトにダークモード機能をつけたいと思いいろいろ調べてこのコードにたどり着いたのですがなぜかボタンを押してもダークモードになりません。
https://codepen.io/0guzhan/pen/ROgWbW
HTML・CSSはちゃんと適応されているのでJavaScriptの問題だと思うのですが原因がわからなくて困っています。
ちなみに違う機能のために書いたJavaScriptのコードはしっかりと動いています。

Railsで書いているコードではなく1からHTMLとCSSとJavaScriptを書いたサイトでやってみるとうまく反応しました。
今作っているサイトの何かと相性が悪くてJavaScriptが動かないのでしょうか

下記のサイトも試しましたがおなじくJavaScriptのところで動かなくなってしまima
した
https://codepen.io/mburridge/pen/mdJONQj
https://codepen.io/IKEMAKI/pen/vYERLrG

いろいろと初心者で言葉足らずなところもありますが詳しい方教えていただけると幸いです。

const lightMode = document.querySelector('.sun');
const darkMode = document.querySelector('.moon');

const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null;

lightMode.onclick = function(){
  document.documentElement.setAttribute('data-theme', 'dark');
  lightMode.style = "display: none";
  darkMode.style = "display: block";
  localStorage.setItem('theme', 'dark');
}

darkMode.onclick = function(){
  document.documentElement.setAttribute('data-theme', 'light');
  lightMode.style = "display: block";
  darkMode.style = "display: none";
  localStorage.setItem('theme', 'light');
  
}

if (currentTheme) {
    document.documentElement.setAttribute('data-theme', currentTheme);

    if (currentTheme === 'dark') {
        lightMode.style = "display: none";
      darkMode.style = "display: block";
    }
}

Comments

[new1ro]

> Railsで書いているコードではなく1からHTMLとCSSとJavaScriptを書いたサイトでやってみるとうまく反応しました。

Railsのコードに問題がありそうです。
そちらのソースコードもあったほうが回答がつきやすそうに思われます。

[iio]

Railsのどこのコードを記載したらよいでしょうか