지금 모바일 절약모드를 구현중인데요,

 

일단 지금 출력되는 모든화면의 색상이 반전이 되는 애드온을 가지고 있습니다.

 

문제는 사진과 유색(빨강or파랑)텍스트도 모두 색이 반전되는 불상사가 생겼는데,

 

코드를 건드려서

 

사진은 반전 되지 않도록,

 

색깔이 000000(검정색)이 아닌 유색 텍스트 또한 반전 되지 않도록

 

구현해보려고 하는데 생각해보면 엄청 쉬워보이는데..

 

가능 할지 질문드려봅니다 ㅠㅠ 

 

일단 아래는 현재 반전모드를 사용하였을때 출력되는 화면입니다.

 

KakaoTalk_20170516_191609790.png

  • profile
    저도 이거 샀어요! 전부 다 흑백되면 좋을텐데요...
    저거 만드신 분도 타운에 계시니까 한번 소환(?)하셔서 여쭤보세요. 제 폰 인터넷 브라우저에는 설정에 흑백모드가 있어서 그거 선택하고 접속하는 모든 페이지가 다 흑백으로 뜨긴하는데.. 이걸 보면 가능하긴 한것 같은데 말이죠. 아 근데  이미지까지  흑백모드로 되더라고요
  • profile ?
    아아..! 너무 어렵네요 ㅠㅠ 이거 만드신분이 부디 이 글을 봐주셨으면 좋겠네요..
  • profile

    css의 filter 속성을 활용하는 듯하네요.
    기본적으로 색반전은 css에서 filter: ivert(100%); 이렇게 하면 색반전이 됩니다.
    여기에 화면을 회색으로 하고 싶다면
    filter: invert(100%) grayscale(100%);
    이런식으로 해주시면 됩니다. 굳이 애드온 안쓰셔도 css로 html 태그에 해당 스타일을 주면 화면 전체가 색반전+회색이 됩니다. 물론 색반전의 특성상 어두운건 흰색으로 변합니다.

     

    참고로 특정 요소만 색반전이 안되게 하는건... 어렵습니다. 화면 전체에 필터를 적용하는 거니까요. 그렇게 디테일하게 가고자 한다면 아예 다크테마 기능을 제공하는 레이아웃을 사용하는게 훨씬 낫습니다.