plasma-browser-integration/extension/permission_request.css

0001 .hidden {
0002     display: none;
0003 }
0004 button {
0005   display: block;
0006   background-color: rgb(239, 240, 241);
0007   /*background-image: linear-gradient(rgb(242, 242, 243), rgb(232, 233, 234));*/
0008   border: 1px rgb(188, 190, 191) solid;
0009   border-radius: 3px;
0010   box-shadow: .5px .5px .5px .5px rgba(35,38,39,.1);
0011   padding: 6px 12px;
0012   color: #232627 !important;
0013 }
0014 button:hover {
0015   border-color: #93cee9 !important;
0016   background-color: #eff0f1 !important;
0017 }
0018 button:focus:not(:active) {
0019   color: #fcfcfc !important;
0020   border-color: #3daee9 !important;
0021   background-image: linear-gradient(180deg,#40afe9,#35abe8);
0022 }
0023 button:active {
0024   background-image: linear-gradient(180deg,#96cfea,#8acae7);
0025   box-shadow: .5px .5px .5px .5px rgba(35,38,39,.1);
0026   transform: translate(1px,1px);
0027 }
0028 a {
0029   color: #316f98;
0030 }
0031 a:hover {
0032   color: #3daefd;
0033 }
0034 h1 {
0035   font-size: 2rem;
0036   margin-bottom: 0.5rem;
0037 }
0038 body {
0039   font-size: 16px;
0040   font-family: Noto Sans
0041 }
0042 .permission-request {
0043   margin-top: 0.5rem;
0044   margin-bottom: 0.5rem;
0045 }
0046 #permission-rationale {
0047   padding-left: 0;
0048 }
0049 #permission-rationale li {
0050   display: block;
0051 }
0052 @media (prefers-color-scheme: dark) {
0053   body {
0054     background-color: #232629 !important;
0055     color: #eff0f1 !important;
0056   }
0057   button {
0058     box-shadow: 0.5px 0.5px 0.5px 0.5px rgb(73 78 80 / 10%);
0059     background-color: #31363b;
0060     color: #eff0f1 !important;
0061     border: 1px #383e43 solid;
0062   }
0063
0064   button:focus, button:active, button:hover {
0065     background-color: #4d4d4d;
0066     background-image: linear-gradient(180deg,#096a9b,#00527d)
0067   }
0068 }