Ruby on Rails: 다크 모드: TLDR
다음은 내 웹 사이트에서 작동하는 방법입니다.
Live Demo - try to click yourself!
다음과 같은 이점을 제공합니다.
body
class
및 선택theme
에 대한 링크를 만듭니다.# application.html.erb
<body class="<%= cookies[:theme] %>">
<% if cookies[:theme] == "light" %>
<%= link_to "go dark", root_path(theme: "dark") %>
<% else %>
<%= link_to "go light", root_path(theme: "light") %>
<% end %>
<%= yield %>
</body>
theme
중 지속cookies
:# application_controller.rb
before_action :set_theme
def set_theme
if params[:theme].present?
theme = params[:theme].to_sym
# session[:theme] = theme
cookies[:theme] = theme
redirect_to(request.referrer || root_path)
end
end
# application.scss
body.light {
color: black;
background-color: white;
}
body.dark {
color: white;
background-color: black;
}
이렇게!현재 당신은 자신의 취향에 따라 맞춤형css
을 제작할 수 있습니다.Originally posted here
이렇게!🤠
이 문장을 좋아합니까?따라오세요!이것은 정말 나에게 더 많은 재미있는 것을 발표하도록 격려할 것이다.
Reference
이 문제에 관하여(Ruby on Rails: 다크 모드: TLDR), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/yarotheslav/ruby-on-rails-dark-mode-tldr-46m4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)