API tools faq
paste
Advertisement
Elodes

GreenForest for BlueSky

Elodes
Apr 11th, 2023 (edited)
206
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.56 KB | None | 0 0
raw download clone embed print report
  1. /* --- COLOR PALETTES --- */
  2.  
  3. /* https://colorpalettes.net/color-palette-949/ */
  4. :root {
  5.     --main-color:#354b48;
  6.     --main-d:#314643;
  7.     --main-l:#405a57;
  8.     --second-color:#6d9386;
  9.     --third-color:#8aa89e;
  10.     --fourth-color:#417e6f;
  11.     --hover-color1:rgb(109, 147, 134, 0.04);
  12.     --hover-color2:rgb(109, 147, 134, 0.10);
  13. }
  14.  
  15.  
  16. /* --- MAIN CSS --- */
  17.  
  18.  
  19. /* backgrounds */
  20.  
  21.  
  22. #root{
  23.     background-color:var(--main-color) !important
  24. }
  25.  
  26.  
  27.  
  28. .r-14lw9ot{
  29.     background-color:var(--main-color) !important
  30. }
  31. .r-1sncvnh{
  32.     background-color:var(--main-color) !important
  33. }
  34.  
  35.  
  36. .r-13awgt0 {
  37.     background-color:var(--main-color) !important
  38. }
  39.  
  40. .css-175oi2r.r-18u37iz.r-thmkab{
  41.     background-color:var(--main-color) !important
  42. }
  43.  
  44. .css-175oi2r.r-1awozwy.r-18u37iz.r-1e081e0.r-1rcbeiy{
  45.     background-color:var(--main-color) !important
  46. }
  47.  
  48.  
  49. .css-175oi2r.r-1sp51qo{
  50.     background-color:var(--main-color) !important
  51. }
  52.  
  53. .css-175oi2r.r-18u37iz.r-779j7e{
  54.     background-color:var(--main-color) !important
  55. }
  56.  
  57. .css-175oi2r.r-1ipicw7{
  58.     background-color:var(--main-color) !important
  59. }
  60.  
  61.  
  62. .css-175oi2r.r-5kkj8d{
  63.     background-color:var(--main-color) !important
  64. }
  65.  
  66.  
  67. /* Horizontal tab line */
  68. #root > div > div > div > div > div > div > div > div > div > div.css-175oi2r.r-1jj8364.r-lchren.r-1ye8kvj.r-13qz1uu > div > div:nth-child(1){
  69.     background-color:var(--fourth-color) !important
  70. }
  71.  
  72.  
  73. /* post "..." button */
  74. div.css-175oi2r.r-18u37iz.r-1wtj0ep > div:nth-child(4) > div > svg > path{
  75.     fill:var(--fourth-color)
  76. }
  77.  
  78. div.css-175oi2r.r-t23y2h.r-6dt33c.r-1rcbeiy.r-u8s1d > div:nth-child(1) > svg > path{
  79.     fill:var(--fourth-color)
  80. }
  81. div.css-175oi2r.r-t23y2h.r-6dt33c.r-1rcbeiy.r-u8s1d > div:nth-child(2) > svg > path{
  82.     fill:var(--fourth-color)
  83. }
  84. div.css-175oi2r.r-t23y2h.r-6dt33c.r-1rcbeiy.r-u8s1d > div:nth-child(3) > svg > path{
  85.     fill:var(--fourth-color)
  86. }
  87. div.css-175oi2r.r-t23y2h.r-6dt33c.r-1rcbeiy.r-u8s1d > div:nth-child(4) > svg > path{
  88.     fill:var(--fourth-color)
  89. }
  90. div.css-175oi2r.r-t23y2h.r-6dt33c.r-1rcbeiy.r-u8s1d > div:nth-child(5) > svg > path{
  91.     fill:var(--fourth-color)
  92. }
  93.  
  94. .css-175oi2r.r-t23y2h.r-6dt33c.r-1rcbeiy.r-u8s1d{
  95.     background-color:var(--main-d) !important
  96. }
  97.  
  98.  
  99.  
  100. /* quote-post borders */
  101. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1xfd6ze.r-rs99b7.r-1e081e0.r-5njf8e.r-f1odvy {
  102.     border-color:var(--main-d) !important
  103. }
  104.  
  105. /* border on right info side */
  106. #root > div > div > div.css-175oi2r.r-11dz980.r-u8s1d.r-1ej1qmr.r-1ipicw7 > div.css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1awozwy.r-5kkj8d.r-18u37iz.r-1s2bzr4.r-ymttw5.r-1f1sjgu{
  107.     border-color:var(--main-d) !important
  108. }
  109.  
  110.  
  111. /* main text */
  112. .css-1rynq56{
  113.     color:var(--fourth-color) !important
  114. }
  115.  
  116.  
  117.  
  118.  
  119. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1awozwy.r-wzwllv.r-1fuqb1j.r-18u37iz.r-1777fci.r-1x0uki6.r-ymttw5.r-1w50u8q.r-ezt3gj > div.css-1rynq56.r-jwli3a.r-ubezar.r-vw2c0b{
  120.     color:var(--fourth-color) !important
  121. }
  122.  
  123.  
  124. /* user handle */
  125. .css-1qaijid {
  126.     color:var(--second-color) !important
  127. }
  128.  
  129.  
  130. /* icons */
  131. svg{
  132.     color:var(--fourth-color) !important
  133. }
  134.  
  135. .css-175oi2r.r-13awgt0 > div > div.css-175oi2r.r-1awozwy.r-18u37iz > svg > path{
  136.     fill:var(--fourth-color)
  137. }
  138.  
  139. .r-1awozwy.r-18u37iz.r-1s2bzr4.r-ymttw5.r-1f1sjgu.r-5kkj8d > svg > path{
  140.     fill:var(--fourth-color)
  141. }
  142.  
  143. div.css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-18u37iz.r-zl2h9q.r-1bymd8e.r-1fd96xs.r-1ah4tor > svg > path{
  144.     fill:var(--fourth-color)
  145. }
  146.  
  147. #root > div > div > div.css-175oi2r.r-u8s1d.r-vpyjvz.r-1ki14p2.r-1w88a7h > div.css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1g7fiml.r-u8s1d.r-1pgswnq.r-1qd7xl.r-199wky7 > svg > path{
  148.     fill:var(--fourth-color)
  149. }
  150.  
  151. .css-175oi2r.r-obd0qt.r-vmopo1.r-1ey2ra3 > svg > path{
  152.     fill:var(--fourth-color)
  153. }
  154.  
  155. .css-175oi2r.r-18u37iz.r-zl2h9q.r-1awozwy > svg > path{
  156.     fill:var(--main-l)
  157. }
  158.  
  159. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-qhyqy2.r-1ah4tor > svg > path{
  160.     fill:var(--fourth-color)
  161. }
  162.  
  163.  
  164.  
  165. /* search bar */
  166. #root > div > div > div.css-175oi2r.r-11dz980.r-u8s1d.r-1ej1qmr.r-1ipicw7 > div.css-175oi2r.r-bnwqim.r-1ipicw7 > div > div > input {
  167.     color:var(--fourth-color) !important;
  168.     --placeholderTextColor: var(--fourth-color) !important
  169. }
  170.  
  171.  
  172. /* "Load new posts" arrow */
  173. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1llaxt6.r-rs99b7.r-15pk7w6.r-18u37iz.r-4f1i32.r-b5h31w.r-11g3r6m.r-1w50u8q.r-u8s1d.r-7bwr1o{
  174.     background-color:var(--main-d) !important;
  175.     border-color:var(--main-d) !important
  176. }
  177.  
  178. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1llaxt6.r-rs99b7.r-15pk7w6.r-18u37iz.r-4f1i32.r-b5h31w.r-11g3r6m.r-1w50u8q.r-u8s1d.r-7bwr1o > div > svg > path{
  179.     fill:var(--main-d)
  180. }
  181.  
  182.  
  183.  
  184. /* post reply - vertical line */
  185.  
  186. .css-175oi2r{
  187.     border-color:var(--main-d) !important
  188. }
  189.  
  190.  
  191. /* "View full thread" */
  192. .css-175oi2r.r-12rqra3.r-s0e3za.r-5t7p9m{
  193.     background-color:var(--main-color) !important;
  194. }
  195.  
  196. .css-175oi2r.r-12rqra3.r-s0e3za.r-5t7p9m > div.css-175oi2r.r-e69tdv.r-u8s1d.r-ipm5af > svg > line{
  197.     stroke:var(--main-d)
  198. }
  199. .css-175oi2r.r-12rqra3.r-s0e3za.r-5t7p9m > div.css-175oi2r.r-e69tdv.r-u8s1d.r-ipm5af > svg > circle:nth-child(2){
  200.     fill:var(--main-d)
  201. }
  202. .css-175oi2r.r-12rqra3.r-s0e3za.r-5t7p9m > div.css-175oi2r.r-e69tdv.r-u8s1d.r-ipm5af > svg > circle:nth-child(3){
  203.     fill:var(--main-d)
  204. }
  205. .css-175oi2r.r-12rqra3.r-s0e3za.r-5t7p9m > div.css-175oi2r.r-e69tdv.r-u8s1d.r-ipm5af > svg > circle:nth-child(4){
  206.     fill:var(--main-d)
  207. }
  208.  
  209. /* "continue thread..." */
  210. .css-175oi2r.r-5kkj8d.r-18u37iz.r-1wtj0ep.r-5oul0u.r-s0e3za.r-1ah4tor.r-1w50u8q > svg > path{
  211.     fill:var(--fourth-color)
  212. }
  213.  
  214.  
  215.  
  216. /* between-posts borders */
  217. .r-801b8h{
  218.     border-left-color:var(--main-d)
  219. }
  220.  
  221. .r-ry3cjt {
  222.     border-color:var(--main-d) !important
  223. }
  224.  
  225.  
  226.  
  227.  
  228. /* main page: notifs & new post */
  229. .r-wzwllv{
  230.     background-color:var(--main-color)
  231. }
  232.  
  233.  
  234. /* Follow button on posts */
  235. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1fuqb1j.r-779j7e.r-5njf8e{
  236.     background-color:var(--fourth-color) !important;
  237. }
  238.  
  239. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1fuqb1j.r-779j7e.r-5njf8e > div{
  240.     color:var(--main-color) !important
  241. }
  242.  
  243.  
  244.  
  245.  
  246.  
  247. /* avatars */
  248. .css-175oi2r.r-1m04atk.r-1ey2ra3 > a > div > div{
  249.    filter: sepia(77%) saturate(80%) contrast(80%) hue-rotate(78deg) brightness(100%) opacity(80%)
  250. }
  251.  
  252.  
  253. /* own avatar */
  254. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-zg41ew.r-cfp7ip > div > div{
  255.     filter: sepia(77%) saturate(80%) contrast(80%) hue-rotate(78deg) brightness(100%) opacity(80%)
  256. }
  257.  
  258.  
  259. /* avatars in notif screen */
  260. #root > div > div > div:nth-child(1) > div > div > div:nth-child(14) > div > div > div > div.css-175oi2r.r-1pi2tsx > div.css-175oi2r.r-150rngu.r-eqz5dr.r-16y2uox.r-1wbh5a2.r-11yh6sk.r-1rnoaur.r-1sncvnh > div > div > div:nth-child(1) > div > div > div.css-175oi2r.r-13awgt0 > div > div.css-175oi2r.r-1awozwy.r-18u37iz > div > div > div{
  261.    filter: sepia(77%) saturate(80%) contrast(80%) hue-rotate(78deg) brightness(100%) opacity(80%)
  262. }
  263.  
  264.  
  265.  
  266.  
  267.  
  268.  
  269. /* Profile page */
  270. #root > div > div > div:nth-child(1) > div > div > div > div > div > div > div.css-175oi2r.r-1pi2tsx > div > div > div > div:nth-child(1) > div{
  271.     background-color:var(--main-color) !important
  272. }
  273.  
  274. .css-175oi2r.r-gtdqiz.r-ipm5af.r-mhe3cw > div > div > div:nth-child(1){
  275.     background-color:var(--fourth-color) !important
  276. }
  277. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1awozwy.r-1tw7wh.r-18u37iz.r-1777fci.r-1rngwi6.r-1ag2gil.r-1guathk{
  278.     background-color:var(--fourth-color) !important
  279. }
  280.  
  281. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1awozwy.r-1tw7wh.r-18u37iz.r-1777fci.r-1rngwi6.r-1ag2gil.r-1guathk > div{
  282.     color:var(--main-color) !important
  283. }
  284.  
  285. .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1awozwy.r-1tw7wh.r-18u37iz.r-1777fci.r-1rngwi6.r-1ag2gil.r-779j7e > svg > path{
  286.     fill:var(--fourth-color)
  287. }
  288.  
  289.  
  290.  
  291. /* New post screen */
  292. #root > div > div > div.css-175oi2r.r-1awozwy.r-17c3jg3.r-1pi2tsx.r-1777fci.r-1d2f490.r-u8s1d.r-ipm5af.r-13qz1uu > div{
  293.     background-color:var(--main-d) !important
  294. }
  295.  
  296. .css-175oi2r.r-1awozwy.r-18u37iz.r-8oi148.r-1mi0q7o.r-d9fdf6.r-m611by > div:nth-child(3) > div{
  297.     background-image:none !important;
  298.     background-color: var(--fourth-color);
  299. }
  300. .css-1rynq56.r-jwli3a.r-ubezar.r-vw2c0b{
  301.     color:var(--main-color) !important;
  302. }
  303.  
  304. .css-175oi2r.r-1awozwy.r-18u37iz.r-8oi148.r-1mi0q7o.r-d9fdf6.r-m611by > div.css-175oi2r.r-y47klf.r-d9fdf6.r-1rcbeiy{
  305.     background-color:var(--third-color) !important
  306. }
  307.  
  308. .css-175oi2r.r-1awozwy.r-18u37iz.r-8oi148.r-1mi0q7o.r-d9fdf6.r-m611by > div.css-175oi2r.r-y47klf.r-d9fdf6.r-1rcbeiy > div{
  309.     background-color:var(--third-color) !important
  310. }
  311.  
  312. .css-175oi2r.r-1awozwy.r-5kkj8d.r-18u37iz.r-1yt7n81.r-1ah4tor.r-1w50u8q > div:nth-child(4) > div > svg > path:nth-child(2){
  313.     stroke:var(--fourth-color)
  314. }
  315. .css-175oi2r.r-1awozwy.r-5kkj8d.r-18u37iz.r-1yt7n81.r-1ah4tor.r-1w50u8q > div:nth-child(4) > div > svg > path:nth-child(1){
  316.     stroke:var(--third-color);
  317.     fill: var(--third-color)
  318. }
  319.  
  320.  
  321. .css-175oi2r{
  322.     color:var(--fourth-color)
  323. }
  324.  
  325. .css-175oi2r.r-17c3jg3.r-1pi2tsx.r-1d2f490.r-u8s1d.r-ipm5af.r-13qz1uu > div.css-175oi2r.r-1awozwy.r-13awgt0.r-1777fci > div > div{
  326.     filter:none
  327. }
  328. .css-175oi2r.r-1mlwlqe.r-1udh08x.r-417010 > div{
  329.     filter: sepia(77%) saturate(80%) contrast(80%) hue-rotate(78deg) brightness(100%) opacity(80%)
  330. }
  331.  
  332.  
  333. /* Settings */
  334. .css-175oi2r.r-1awozwy.r-1llaxt6.r-eu3ka.r-1777fci.r-1b7u577.r-1aockid {
  335.     background-color: var(--fourth-color) !important
  336. }
  337.  
  338.  
  339.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!