Dark mode

Tips 2020. 3. 24. 03:49

Dark mode

C:\Users\사용자\AppData\Local\Google\Chrome\User Data\Default\Extensions\dmghijelimhndkbmpgbldicpogfkceaj\0.3.5_0\data\content_script\custom



배경색

블루
rgb(10, 20, 30) #0a141e 블루
rgb(23, 33, 43) #17212b

회색
rgb(30, 30, 30) #1e1e1e
rgb(34, 34, 34)  #222222 - 클리앙 rgb(221, 221, 221)
rgb(37, 37, 37) #252525 rgb(218, 218, 218)
rgb(40, 40, 40) #282828 어도비 rgb(215, 215, 215)

23, 33, 43 - 17, 21, 2B - 17212B


글자색
rgb(224, 224, 224) #e0e0e0 클리앙
rgb(225, 225, 225) #e1e1e1 rgb(30, 30, 30) 
rgb(230, 230, 230) #e6e6e6

14, 22, 33 - 0e, 16, 21 - 0E1621


배경색
- 연두색
rgb(221, 238, 221) #ddeedd
rgb(220, 230, 220) #dce6dc


//-------------------
html, html * { 
background-color: rgb(221, 238, 221) !important;  
background: rgb(221, 238, 221) !important;
background-image: none !important;
}


//-------------------
html, html * { color: #fafafa !important; background-color: #17212B !important;  background: #17212B !important;  }
a:link {  color: #eefaff !important; }
a:visited {  color: #ffe6ff !important; }
a:hover {  color: #3452fc !important; }
a:active {  color: #b9b9ff !important; } 


//-----------------------
// 심플

html, html * {
  color: rgb(225,225,225) !important;
  background-color: rgb(20, 30, 40) !important;  
  background-image: none !important;
}
html, html::before, body, body::before, input, select, button {
  background-image: none !important;
}

img, video {z-index: 1}
* {border-color: #555555 !important}
cite, cite * {color: rgb(225,225,225) !important;}
input, textarea {
  color: rgb(225,225,225) !important;
}

:link, :link * {color: rgb(230, 255, 255) !important}
a {background-color: rgba(255, 255, 255, 0.01) !important}
:visited, :visited * {color: #ffe6ff !important}

video {  background-color: transparent !important; }

::-moz-scrollbar {background: #28292a !important}
::-webkit-scrollbar {background: #28292a !important}
::-moz-scrollbar-track {background: #343637 !important}
::-webkit-scrollbar-track {background: #343637 !important}

::-webkit-scrollbar-thumb {
  background: #4d4e4f !important;
  border-left: 1px solid #343637 !important;
  border-right: 1px solid #343637 !important;
}

::-moz-scrollbar-thumb {
  background: #4d4e4f !important;
  border-left: 1px solid #343637 !important;
  border-right: 1px solid #343637 !important;
}

//------------------------------------
// 배경 - 연두

html, html *, body, * { 
  color: rgb(0,0,0) !important;
  background-color: rgb(220, 230, 220) !important;  
  background: rgb(221, 238, 221) !important;
  background-image: none !important;
}

a {
  color: rgb(0,0,0) !important;
  background-color: rgba(255,255,255, 0.1) !important
}


::-moz-scrollbar {background: #28292a !important}
::-webkit-scrollbar {background: #28292a !important}
::-moz-scrollbar-track {background: #343637 !important}
::-webkit-scrollbar-track {background: #343637 !important}

::-webkit-scrollbar-thumb {
  background: #4d4e4f !important;
  border-left: 1px solid #343637 !important;
  border-right: 1px solid #343637 !important;
}

::-moz-scrollbar-thumb {
  background: #4d4e4f !important;
  border-left: 1px solid #343637 !important;
  border-right: 1px solid #343637 !important;
}




//-----------------------
// Dark invert #5

html {
  background-color: #171717 !important;
}

html {
  filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%);
  -webkit-filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%);
}

body {
  background-color: #FFF !important;
}

img,
video,
body * [style*="background-image"],
embed[type="application/x-shockwave-flash"],
object[type="application/x-shockwave-flash"] {
  filter: hue-rotate(180deg) contrast(100%) invert(100%);
  -webkit-filter: hue-rotate(180deg) contrast(100%) invert(100%);
}

반응형
Posted by codens