···

       
5
       
 
       


     

       
6
       
 
       
  const theme = {

     

       
7
       
 
       
  dark: [

     

       
8
       
-
       
    '#11111b', 

     

       
9
       
-
       
    '#2b7a24',

     

       
10
       
-
       
    '#41b536',

     

       
11
       
-
       
    '#6FD166',

     

       
12
       
-
       
    '#A6E3A1',

     

       
13
       
 
       
  ],

     

       
14
       
 
       
   };

     

       
15
       
 
       
  React.useEffect(() => {

     
···

       
23
       
 
       
  }

     

       
24
       
 
       


     

       
25
       
 
       
  return <GitHubCalendar username={username} theme={theme} 

     

       
26
       
-
       
        blockMargin={4} blockRadius={8} blockSize={10} 

     

       
27
       
 
       
        {...props} />;

     

       
28
       
 
       
}

     

···

       
5
       
 
       


     

       
6
       
 
       
  const theme = {

     

       
7
       
 
       
  dark: [

     

       
8
       
+
       
    'var(--catppuccin-color-crust)', 

     

       
9
       
+
       
    'var(--catppuccin-color-green-900)',

     

       
10
       
+
       
    'var(--catppuccin-color-green-500)',

     

       
11
       
+
       
    'var(--catppuccin-color-green-200)',

     

       
12
       
+
       
    'var(--catppuccin-color-green-50)',

     

       
13
       
 
       
  ],

     

       
14
       
 
       
   };

     

       
15
       
 
       
  React.useEffect(() => {

     
···

       
23
       
 
       
  }

     

       
24
       
 
       


     

       
25
       
 
       
  return <GitHubCalendar username={username} theme={theme} 

     

       
26
       
+
       
        blockMargin={3} blockRadius={1} blockSize={10} 

     

       
27
       
 
       
        {...props} />;

     

       
28
       
 
       
}