소스 검색

better inversion test

Heydon Pickering 8 년 전
부모
커밋
718fd3e67a
3개의 변경된 파일18개의 추가작업 그리고 2개의 파일을 삭제
  1. 9 1
      docs/js/dom-scripts.js
  2. 0 0
      docs/service-worker.js
  3. 9 1
      themes/infusion/static/js/dom-scripts.js

+ 9 - 1
docs/js/dom-scripts.js

@@ -96,11 +96,19 @@
 
 /* Switch and persist theme */
 (function () {
+  function CSSSupported (property, value) {
+    var prop = property + ':',
+        el = document.createElement('test'),
+        mStyle = el.style;
+    el.style.cssText = prop + value;
+    return mStyle[property];
+  }
+
   var checkbox = document.getElementById('themer');
   var inverter = document.getElementById('inverter');
 
   function darkTheme(media) {
-    if (!('filter' in document.body.style)) {
+    if (!CSSSupported('filter', 'invert(100%)')) {
       checkbox.parentNode.hidden = true;
       return;
     }

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
docs/service-worker.js


+ 9 - 1
themes/infusion/static/js/dom-scripts.js

@@ -96,11 +96,19 @@
 
 /* Switch and persist theme */
 (function () {
+  function CSSSupported (property, value) {
+    var prop = property + ':',
+        el = document.createElement('test'),
+        mStyle = el.style;
+    el.style.cssText = prop + value;
+    return mStyle[property];
+  }
+
   var checkbox = document.getElementById('themer');
   var inverter = document.getElementById('inverter');
 
   function darkTheme(media) {
-    if (!('filter' in document.body.style)) {
+    if (!CSSSupported('filter', 'invert(100%)')) {
       checkbox.parentNode.hidden = true;
       return;
     }

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.