Project

General

Profile

Download (6.43 KB)

Feature #43256 » 0003-Replace-hex-color-codes-with-Open-Color-variables-in.patch

Go MAEDA, 2025-09-27 11:44

View differences:

app/assets/stylesheets/wiki_syntax.css
1 
@import url('/open-color.css');
2 

  		




  1
  3
  
    
@font-face {

  		




  2
  4
  
    
  font-family: "Noto Sans";

  		




  3
  5
  
    
  src: url("/NotoSans-Regular.woff2") format("woff2");

  		




  ......




  34
  36
  
    
  --fonts-main: "Noto Sans", sans-serif;

  		




  35
  37
  
    
}

  		




  36
  38
  
    

  		




  37
  
  
    
h1 { font-family: var(--fonts-main); font-size: 0.875rem; text-align: center; color: #444; }

  		




  38
  
  
    
body { font-family: var(--fonts-main); font-size: 0.75rem; color: #444; }

  		




  
  39
  
    
h1 { font-family: var(--fonts-main); font-size: 0.875rem; text-align: center; color: var(--oc-gray-8); }

  		




  
  40
  
    
body { font-family: var(--fonts-main); font-size: 0.75rem; color: var(--oc-gray-8); }

  		




  39
  41
  
    
pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace; }

  		




  40
  42
  
    
table th { padding-top: 1em; }

  		




  41
  43
  
    
table th img {

  		




  42
  
  
    
  border: 1px solid #bbb;

  		




  
  44
  
    
  border: 1px solid var(--oc-gray-5);

  		




  43
  45
  
    
  opacity: 0.7;

  		




  44
  46
  
    
}

  		




  45
  47
  
    
table th .syntax-pre {

  		




  46
  48
  
    
  display: inline-block;

  		




  47
  
  
    
  border: 1px solid #bbb;

  		




  
  49
  
    
  border: 1px solid var(--oc-gray-5);

  		




  48
  50
  
    
  width: 18px;

  		




  49
  51
  
    
  height: 18px;

  		




  50
  52
  
    
}

  		




  51
  53
  
    
table th .syntax-pre:before {

  		




  52
  54
  
    
  content: "pre";

  		




  53
  55
  
    
  font-size: 0.625rem;

  		




  54
  
  
    
  color: #666;

  		




  
  56
  
    
  color: var(--oc-gray-7);

  		




  55
  57
  
    
}

  		




  56
  
  
    
table td { background-color: #f5f5f5; height: 2em; vertical-align: middle;}

  		




  
  58
  
    
table td { background-color: var(--oc-gray-0); height: 2em; vertical-align: middle;}

  		




  57
  59
  
    
table td code { font-size: 1.2em; }

  		




  58
  60
  
    
table td h1 { font-size: 1.8em; text-align: left; }

  		




  59
  61
  
    
table td h2 { font-size: 1.4em; text-align: left; }

  		




  60
  62
  
    
table td h3 { font-size: 1.2em; text-align: left; }

  		




  61
  63
  
    

  		




  62
  64
  
    
table.sample { border-collapse: collapse; border-spacing: 0; margin: 4px; }

  		




  63
  
  
    
table.sample th, table.sample td { border: solid 1px #bbb; padding: 4px; height: 1em; }

  		




  
  65
  
    
table.sample th, table.sample td { border: solid 1px var(--oc-gray-5); padding: 4px; height: 1em; }

  		




  64
  66
  
    

  		




  65
  
  
    
a, a:link, a:visited{ color: #169; text-decoration: none; }

  		




  66
  
  
    
a:hover, a:active{ color: #c61a1a; text-decoration: underline;}

  		




  
  67
  
    
a, a:link, a:visited{ color: var(--oc-blue-9); text-decoration: none; }

  		




  
  68
  
    
a:hover, a:active{ color: var(--oc-red-9); text-decoration: underline;}

  		




  67
  69
  
    

  		




  68
  70
  
    
.syntaxhl .mi { color: #0000DD; font-weight: bold }

  		




  69
  71
  
    
.syntaxhl .nf { color: #0066BB; font-weight: bold }

  		




  ......




  81
  83
  
    
.markdown-alert-title {

  		




  82
  84
  
    
  font-weight: bold;

  		




  83
  85
  
    
}

  		




  84
  
  
    
.markdown-alert-note { border-color: #169; }

  		




  85
  
  
    
.markdown-alert-note .markdown-alert-title { color: #1e40af; }

  		




  
  86
  
    
.markdown-alert-note { border-color: var(--oc-indigo-7); }

  		




  
  87
  
    
.markdown-alert-note .markdown-alert-title { color: var(--oc-indigo-9); }

  		












  

    
      app/assets/stylesheets/wiki_syntax_detailed.css
    
  





  
  1
  
    
@import url('/open-color.css');

  		




  
  2
  
    

  		




  1
  3
  
    
@font-face {

  		




  2
  4
  
    
  font-family: "Noto Sans";

  		




  3
  5
  
    
  src: url("/NotoSans-Regular.woff2") format("woff2");

  		




  ......




  34
  36
  
    
  --fonts-main: "Noto Sans", sans-serif;

  		




  35
  37
  
    
}

  		




  36
  38
  
    

  		




  37
  
  
    
body { font-family: var(--fonts-main); font-size: 0.875rem; color:#333; line-height: 1.6;}

  		




  
  39
  
    
body { font-family: var(--fonts-main); font-size: 0.875rem; color: var(--oc-gray-9); line-height: 1.6;}

  		




  38
  40
  
    
pre, code { font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace; }

  		




  39
  41
  
    
pre {

  		




  40
  42
  
    
    margin: 1em 1em 1em 1.6em;

  		




  41
  
  
    
    padding: 2px;

  		




  42
  
  
    
    background-color: #fafafa;

  		




  43
  
  
    
    border: 1px solid #e2e2e2;

  		




  
  43
  
    
    padding: 8px;

  		




  
  44
  
    
    background-color: var(--oc-gray-0);

  		




  
  45
  
    
    border: 1px solid var(--oc-gray-4);

  		




  
  46
  
    
    border-radius: 3px;

  		




  44
  47
  
    
    width: auto;

  		




  45
  48
  
    
    overflow-x: auto;

  		




  46
  49
  
    
    overflow-y: hidden;

  		




  47
  50
  
    
    line-height: normal;

  		




  48
  51
  
    
}

  		




  49
  
  
    
a, a:link, a:visited{ color: #169; text-decoration: none; }

  		




  50
  
  
    
a:hover, a:active{ color: #c61a1a; text-decoration: underline;}

  		




  51
  
  
    
a.new { color: #b73535; }

  		




  
  52
  
    
a, a:link, a:visited{ color: var(--oc-blue-9); text-decoration: none; }

  		




  
  53
  
    
a:hover, a:active{ color: var(--oc-red-9); text-decoration: underline;}

  		




  
  54
  
    
a.new { color: var(--oc-red-9); }

  		




  52
  55
  
    

  		




  53
  56
  
    
table.sample { border-collapse: collapse; border-spacing: 0; margin: 4px; margin-left: 30px;}

  		




  54
  
  
    
table.sample th, table.sample td { border: solid 1px #bbb; padding: 4px; height: 1em; }

  		




  55
  
  
    
table.list td { background-color: #f5f5f5; vertical-align: middle; padding: 0.3em;}

  		




  
  57
  
    
table.sample th, table.sample td { border: solid 1px var(--oc-gray-5); padding: 4px; height: 1em; }

  		




  
  58
  
    
table.list td { background-color: var(--oc-gray-0); vertical-align: middle; padding: 0.3em;}

  		




  56
  59
  
    

  		




  57
  60
  
    
.syntaxhl .c1 { color: #888888 }

  		




  58
  61
  
    
.syntaxhl .k { color: #008800; font-weight: bold }

  		




  ......




  73
  76
  
    
.markdown-alert-title {

  		




  74
  77
  
    
  font-weight: bold;

  		




  75
  78
  
    
}

  		




  76
  
  
    
.markdown-alert-tip { border-color: #5db651; }

  		




  77
  
  
    
.markdown-alert-tip .markdown-alert-title { color: #005f00; }

  		




  78
  
  
    
.markdown-alert-important { border-color: #800080; }

  		




  79
  
  
    
.markdown-alert-important .markdown-alert-title { color: #4b006e; }

  		




  80
  
  
    
.markdown-alert-caution { border-color: #c22; }

  		




  81
  
  
    
.markdown-alert-caution .markdown-alert-title { color: #880000; }

  		




  82
  
  
    
.markdown-alert-warning { border-color: #e4bc4b; }

  		




  83
  
  
    
.markdown-alert-warning .markdown-alert-title { color: #a7760c; }

  		




  84
  
  
    
.markdown-alert-note { border-color: #169; }

  		




  85
  
  
    
.markdown-alert-note .markdown-alert-title { color: #1e40af; }

  		




  
  79
  
    
.markdown-alert-tip { border-color: var(--oc-green-7); }

  		




  
  80
  
    
.markdown-alert-tip .markdown-alert-title { color: var(--oc-green-9); }

  		




  
  81
  
    
.markdown-alert-important { border-color: var(--oc-grape-7); }

  		




  
  82
  
    
.markdown-alert-important .markdown-alert-title { color: var(--oc-grape-9); }

  		




  
  83
  
    
.markdown-alert-caution { border-color: var(--oc-red-7); }

  		




  
  84
  
    
.markdown-alert-caution .markdown-alert-title { color: var(--oc-red-9); }

  		




  
  85
  
    
.markdown-alert-warning { border-color: var(--oc-yellow-7); }

  		




  
  86
  
    
.markdown-alert-warning .markdown-alert-title { color: var(--oc-yellow-9); }

  		




  
  87
  
    
.markdown-alert-note { border-color: var(--oc-indigo-7); }

  		




  
  88
  
    
.markdown-alert-note .markdown-alert-title { color: var(--oc-indigo-9); }

  		















  (7-7/7)