capsul.org webapp
4
fork

Configure Feed

Select the types of activity you want to include in your feed.

light mode adjust

+33 -8
+25 -4
capsulflask/static/captcha.css
··· 61 61 62 62 } 63 63 64 + @media (prefers-color-scheme: light) { 65 + 66 + .sqr-captcha-progress-bar-container { 67 + background: #d2d2d2; 68 + } 69 + .sqr-captcha-progress-bar { 70 + background: #069e5f; 71 + } 72 + .sqr-checkmark-icon-checkmark { 73 + fill:none; 74 + stroke: #069e5f; 75 + } 76 + .sqr-gears-icon-gear-large { 77 + stroke: #f72; 78 + } 79 + .sqr-gears-icon-gear-small { 80 + stroke: #f72; 81 + } 82 + } 83 + 64 84 .sqr-captcha-progress-bar { 65 - background: #f72; 85 + background: #ddff3e; 66 86 height: 0.3em; 67 87 width: 0; 68 88 border-radius: 0; ··· 77 97 display: none; 78 98 } 79 99 100 + 80 101 .sqr-checkmark-icon-checkmark { 81 102 fill:none; 82 - stroke: #f72; 103 + stroke: #069e5f; 83 104 stroke-width: 3em; 84 105 stroke-dasharray: 60em; 85 106 stroke-dashoffset: 74em; ··· 102 123 } 103 124 104 125 .sqr-gears-icon-gear-large { 105 - stroke: #8a5e2e; 126 + stroke: #f72; 106 127 fill: none; 107 128 stroke-width: 5px; 108 129 animation: 16s linear infinite sqr-spinning-gears-large; 109 130 animation-play-state: running; 110 131 } 111 132 .sqr-gears-icon-gear-small { 112 - stroke: #8a5e2e; 133 + stroke: #f72; 113 134 fill: none; 114 135 stroke-width: 5px; 115 136 animation: 16s linear infinite sqr-spinning-gears-small;
+8 -4
capsulflask/static/style.css
··· 43 43 .flash { 44 44 border-radius: 0 !important; 45 45 border: none !important; 46 - background: #fff784 !important; 46 + background: #bcff6a69 !important; 47 47 color: black !important; 48 48 } 49 49 50 50 .orange { 51 - color: #f72 !important;; 51 + color: black !important; 52 52 } 53 53 .flash.orange { 54 - color: #f72 !important;; 54 + color: black !important; 55 55 } 56 56 57 57 a { ··· 71 71 72 72 input, select, textarea { 73 73 color: #000 !important; 74 + background-color: #eee !important; 75 + } 76 + 77 + input[type=submit] { 74 78 background-color: #bcff6a69 !important; 75 79 } 76 80 ··· 82 86 } 83 87 84 88 .code { 85 - background: #fff784 !important; 89 + background: #bcff6a69 !important; 86 90 } 87 91 .dim { 88 92 color: #30422b !important;